注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

方圆人生 难得糊涂

淡泊以明志 宁静以致远

 
 
 

日志

 
 

【转载】博客精品栏目推荐模板制作步骤【滴墨斋主原创】  

2015-11-06 10:05:38|  分类: 博客代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
博客精品栏目推荐模板
发表日志时,放在日志底部,很漂亮的博客推介工具!
对于提高访问量,提升点击率效果明显。
换上自己博客的栏目标题和链接就成了你自己的了!
下面我就一步一步告诉你怎么操作。
第一步:
制作一张属于自己的个性图片。当然也可以直接使用下边的现成图片。
图宽\800,图高\427(像素)

 



  


第二步:
图片切割——把图片分成三份。
第一片,顶部图宽\800,图高\187(像素)
表格代码 - 滴墨斋主 - .
 第二片,中部图宽\800,图高\100(像素)
表格代码 - 滴墨斋主 - .
 第三片,底部图宽\800,图高\140(像素)
表格代码 - 滴墨斋主 - .
 
第三步:制作“三合一图片框架代码”
复制下边的代码,打开博客点击“写日志”,点击日志顶部右侧<>符号,进入日志后台,然后在下面空白
处点击鼠标右键进行粘贴;然后再次点击日志顶部右侧<>符号,返回日志前台查看效果。

<table title="" border="0" cellspacing="0" cellpadding="0" width="800" bgcolor="#ffffff" align="center">
<tbody>
<tr>
<td height="187" background="第一片图片地址粘贴处" width="800"></td></tr>
<tr>
<td background="第二片图片地址粘贴处" width="800">
<div align="center">
<table border="0" cellspacing="1" cellpadding="0" width="80%">
<tbody>
<tr>
<td>
<div style="TEXT-ALIGN: center; LINE-HEIGHT: 25px;"><font style="LINE-HEIGHT: 42px;" color="#ff0000" size="7"></font>
<div><img src="顶部闪图地址粘贴处" style="line-height: 25px; margin: 0px 10px; float: none; "></div></div>
<p align="center" style="text-align: start;">动闪图片宽:647.高:60.</p>
<div style="TEXT-ALIGN: center; LINE-HEIGHT: 25px;"><b><font color="#ff0000"><u style="LINE-HEIGHT: 28px;">★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★</u></font></b> </div></td></tr></tbody></table></div></td></tr>
<tr>
<td height="140" background="第三片图片地址粘贴处" width="800"></td></tr></tbody></table>
                                           这下图就是用所谓“三合一图片框架代码”安装好了的实际效果
博客精品栏目推荐模板【滴墨斋主原创】 - 滴墨斋主 - .

在顶部添加了一个动闪图片。宽:647.高:60(像素)

下边添加了一组实心和空心五角星,你也可以根据自己

实际需要和个人爱好更换自己喜欢的图片素材!.

★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★
第四步:
用代码设置
根据所选图片内框宽度,表格宽\660,表格高\0(像素)
表格代码复制粘贴步骤请参照第三步操作
<table style="WIDTH: 660px; HEIGHT: 0px;" bordercolor="#FF0000" height="0" cellspacing="2" width="660" align="center" bgcolor="" border="2">
<tbody>
<tr>
<td align="middle">栏目名称</td>
<td align="middle">栏目名称</td>
<td align="middle" rowspan="4">头像</td>
<td align="middle">栏目名称</td>
<td align="middle">栏目名称</td></tr>
<tr>
<td align="middle">栏目名称</td>
<td align="middle">栏目名称</td>
<td align="middle">栏目名称</td>
<td align="middle">栏目名称</td></tr>
<tr>

<td align="middle">栏目名称</td>
<td align="middle">栏目名称</td>
<td align="middle">栏目名称</td>
<td align="middle">栏目名称</td></tr>
<tr>

<td align="middle">栏目名称</td>
<td align="middle">栏目名称</td>
<td align="middle">栏目名称</td>
<td align="middle">栏目名称</td></tr>
<tr>
<td align="middle">栏目名称</td>
<td align="middle">栏目名称</td>
<td align="middle">栏目名称</td>
<td align="middle">栏目名称</td>
<td align="middle">栏目名称</td></tr>
<tr>
<td align="middle">栏目名称</td>
<td align="middle">栏目名称</td>
<td align="middle">栏目名称</td>
<td align="middle">栏目名称</td>
<td align="middle">栏目名称</td></tr>
<tr>
<td align="middle">栏目名称</td>
<td align="middle">栏目名称</td>
<td align="middle">栏目名称</td>
<td align="middle">栏目名称</td>
<td align="middle">栏目名称</td></tr>
<tr>
<td align="middle">栏目名称</td>
<td align="middle">栏目名称</td>
<td align="middle">栏目名称</td>
<td align="middle">栏目名称</td>
<td align="middle">栏目名称</td></tr></tbody></table><p></p>
                                                                                                   
                                                                                                       表格效果
栏目名称 栏目名称 头像 栏目名称 栏目名称
栏目名称 栏目名称 栏目名称 栏目名称
栏目名称 栏目名称 栏目名称 栏目名称
栏目名称 栏目名称 栏目名称 栏目名称
栏目名称 栏目名称 栏目名称 栏目名称 栏目名称
栏目名称 栏目名称 栏目名称 栏目名称 栏目名称
栏目名称 栏目名称 栏目名称 栏目名称 栏目名称
栏目名称 栏目名称 栏目名称 栏目名称 栏目名称
第五步:
代码与图片代码(第三步获得的图片组合代码与第四部获得的表格代码)进行合并。
复制下边的代码,打开博客点击“写日志”,点击日志顶部右侧<>符号,进入日志后台,然后在下面空白
处点击鼠标右键进行粘贴;然后再次点击日志顶部右侧<>符号,返回日志前台查看效果。就这么简单!
看到效果了吗?与本教程顶部的“博客精品栏目推荐模板”——(滴墨斋主后花园的精品栏目)一样啊!
一、为了使博友们少走弯路,现在我就把表格代码和链接地址合并技巧告诉各位:
1、我们以上边第四步这段表格代码为例。
        <td align="middle">[在这里粘贴下边的链接代码,切记将本段文字两端的小括号删除啊]栏目名称</td>
2、在日志编辑后台把第四步得到的所有表格代码全部复制粘贴以后;
3、我再给你一段链接代码:
      <a target="_blank" rel="nofollow" href="在这里粘贴栏目地址"><font color="#000000">
4、两段代码合并以后是这样的:
<td align="center"><a target="_blank" rel="nofollow" href="http://dimozhai.blog.163.com/blog/#m=0&amp;t=1&amp;c=fks_087067080087080066087085082095080084083069080087083070"><font color="#000000">原创诗歌</font></a></td>
5、上述代码已经把栏目地址粘贴好了,”栏目名称”换成了“原创诗歌”。你可以换上自己的链接地址和栏目名称。
二、再说说“带链接的表格代码”和“三合一图片框架代码”的合成技巧;
1、首先把“三合一图片框架代码”放在上边。【代码顺序号1】
<table title="" border="0" cellspacing="0" cellpadding="0" width="800" bgcolor="#ffffff" align="center">
<tbody>
<tr>
<td height="187" background="第一片图片地址粘贴处" width="800"></td></tr>
<tr>
<td background="第二片图片地址粘贴处" width="800">
<div align="center">
<table border="0" cellspacing="1" cellpadding="0" width="80%">
<tbody>
<tr>
<td>
<div style="TEXT-ALIGN: center; LINE-HEIGHT: 25px;"><font style="LINE-HEIGHT: 42px;" color="#ff0000" size="7"></font>
<div><img src="顶部闪图地址粘贴处" style="line-height: 25px; margin: 0px 10px; float: none; "></div></div><p align="center">
2、以下是“带链接的表格代码”一小段代码(这里仅作为示范,实际操作切记复制全部代码啊。)【代码顺序号2】
<table style="WIDTH: 660px; HEIGHT: 0px;" border="2" cellspacing="2" bordercolor="#ff0000" width="660" align="center">
<tbody>
<tr>
<td align="center"><a target="_blank" rel="nofollow" href="http://dimozhai.blog.163.com/blog/#m=0&amp;t=1&amp;c=fks_087067080087080066087085082095080084083069080087083070"><font color="#000000">原创诗歌</font></a></td>
<td align="center"><a target="_blank" rel="nofollow" href="http://dimozhai.blog.163.com/blog/#m=0&amp;t=1&amp;c=fks_087067080087080066087085087095080084083069080087083070"><font color="#000000">原创博文</font></a></td>
3、结尾代码:【代码顺序号3】
<div style="TEXT-ALIGN: center; LINE-HEIGHT: 25px;"><b><font color="#ff0000"><u style="LINE-HEIGHT: 28px;">★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★</u></font></b> </div></td></tr></tbody></table></div></td></tr>
<tr>
<td height="140" background="http://img2.ph.126.net/S6PC5ZyqQs99e3xiWFYS3w==/2890185060882737072.jpg" width="800"></td></tr></tbody></table>
4、按照代码顺序号1、2、3顺序合并即可。
不知道看了上面的步骤以后,你是会了了呢?还是回了呢?还是回了呢???没关系,如果还不懂,就在这篇日志下边的留言栏给我留言,我很真诚哦。

以下代码就是按照上述步骤制作的,返回本篇日志顶部查看效果把!!!

<table title="" border="0" cellspacing="0" cellpadding="0" width="800" align="center">
<tbody>
<tr>
<td height="187" background="http://img1.ph.126.net/zmUl9wG5Aw-jfwvYxvCbsg==/2879489011768031887.png" width="800"></td></tr>
<tr>
<td background="http://img1.ph.126.net/prlalJcvxTQ3dTNg-dLX5Q==/6619218328887119977.png" width="800">
<div align="center">
<table border="0" cellspacing="1" cellpadding="0" width="80%">
<tbody>
<tr>
<td>
<div style="TEXT-ALIGN: center; LINE-HEIGHT: 25px;"><font style="LINE-HEIGHT: 42px;" color="#ff0000" size="7"></font>
<div><img title="博客精品栏目推荐模板【滴墨斋主原创】 - 滴墨斋主 - ." alt="博客精品栏目推荐模板【滴墨斋主原创】 - 滴墨斋主 - ." src="http://img2.ph.126.net/kKgBxqGSvWvIuY2ecGMmGA==/6608621235817690133.gif" style="line-height: 25px; margin: 0px 10px; float: none;"></div></div>
<p align="center">
<table style="WIDTH: 660px; HEIGHT: 0px;" border="2" cellspacing="2" bordercolor="#ff0000" width="660" align="center">
<tbody>
<tr>
<td align="middle"><a target="_blank" rel="nofollow" href="http://dimozhai.blog.163.com/blog/#m=0&amp;t=1&amp;c=fks_087067080087080066087085082095080084083069080087083070"><font color="#000000">原创诗歌</font></a></td>
<td align="middle"><a target="_blank" rel="nofollow" href="http://dimozhai.blog.163.com/blog/#m=0&amp;t=1&amp;c=fks_087067080087080066087085087095080084083069080087083070"><font color="#000000">原创博文</font></a></td>
<th height="130" rowspan="4" width="135" bordercolordark="#ffff99"><font color="#ccffff" face="宋体"><img style="border-bottom: 0px; border-left: 0px; line-height: 28px; width: 135px; max-width: 100%; height: 130px; border-top: 0px; border-right: 0px;" title="" alt="" src="http://img0.ph.126.net/fkeWIvz7OH4v-SHi3Sxr4w==/6597851519425843536.jpg" width="135" height="130"></font></th>
<td align="middle"><a target="_blank" rel="nofollow" href="http://dimozhai.blog.163.com/blog/#m=0&amp;t=1&amp;c=fks_087074092094081066085086087095080084083069080087083070"><font color="#000000">原创模板</font></a></td>
<td align="middle"><a target="_blank" rel="nofollow" href="http://dimozhai.blog.163.com/blog/#m=0&amp;t=1&amp;c=fks_087070081087081068084086081095080084083069080087083070"><font color="#000000">原创边框</font></a></td></tr>
<tr>
<td align="middle"><a target="_blank" rel="nofollow" href="http://dimozhai.blog.163.com/blog/#m=0&amp;t=1&amp;c=fks_087064080095083066081082095095080084083069080087083070"><font color="#000000">制作工具</font></a></td>
<td align="middle"><a target="_blank" rel="nofollow" href="http://dimozhai.blog.163.com/blog/#m=0&amp;t=1&amp;c=fks_087064080095083066080084085095080084083069080087083070"><font color="#000000">巧用代码</font></a></td>
<td align="middle"><a target="_blank" rel="nofollow" href="http://dimozhai.blog.163.com/blog/#m=0&amp;t=1&amp;c=fks_087064085085080064080084087095080084083069080087083070"><font color="#000000">flash素材</font></a></td>
<td align="middle"><a target="_blank" rel="nofollow" href="http://dimozhai.blog.163.com/blog/#m=0&amp;t=1&amp;c=fks_087064080095083066087094083095080084083069080087083070"><font color="#000000">开博秘笈</font></a></td></tr>
<tr>
<td align="middle"><a target="_blank" rel="nofollow" href="http://dimozhai.blog.163.com/blog/#m=0&amp;t=1&amp;c=fks_087064081086083071092086084095080084083069080087083070"><font color="#000000">我的收藏</font></a></td>
<td align="middle"><a target="_blank" rel="nofollow" href="http://dimozhai.blog.163.com/blog/#m=0&amp;t=1&amp;c=fks_087070084083086070084084080095080084083069080087083070"><font color="#000000">音乐KTV</font></a></td>
<td align="middle"><a target="_blank" rel="nofollow" href="http://dimozhai.blog.163.com/blog/#m=0&amp;t=1&amp;c=fks_087070092081080067083084087095080084083069080087083070"><font color="#000000">图片仓库</font></a></td>
<td align="middle"><a target="_blank" rel="nofollow" href="http://dimozhai.blog.163.com/blog/#m=0&amp;t=1&amp;c=fks_087070093082087070081082081095080084083069080087083070"><font color="#000000">边框大全</font></a></td></tr>
<tr>
<td align="middle"><a target="_blank" rel="nofollow" href="http://dimozhai.blog.163.com/blog/#m=0&amp;t=1&amp;c=fks_087070092081080067083086080095080084083069080087083070"><font color="#000000">背景基地</font></a></td>
<td align="middle"><a target="_blank" rel="nofollow" href="http://dimozhai.blog.163.com/blog/#m=0&amp;t=1&amp;c=fks_084075086084088069084083082095080084083069080087083070"><font color="#000000">家教资料</font></a></td>
<td align="middle"><a target="_blank" rel="nofollow" href="http://dimozhai.blog.163.com/blog/#m=0&amp;t=1&amp;c=fks_084075084080081071085087083095080084083069080087083070"><font color="#000000">博客时钟</font></a></td>
<td align="middle"><a target="_blank" rel="nofollow" href="http://dimozhai.blog.163.com/blog/#m=0&amp;t=1&amp;c=fks_084068093081088069084095083095080084083069080087083070"><font color="#000000">免抠素材</font></a></td></tr>
<tr>
<td align="middle"><a target="_blank" rel="nofollow" href="http://dimozhai.blog.163.com/blog/#m=0&amp;t=1&amp;c=fks_084068093081082068086086081095080084083069080087083070"><font color="#000000">诗歌对联</font></a></td>
<td align="middle"><a target="_blank" rel="nofollow" href="http://dimozhai.blog.163.com/blog/#m=0&amp;t=1&amp;c=fks_084068093084087074085085082095080084083069080087083070"><font color="#000000">家具图片</font></a></td>
<td align="middle"><a target="_blank" rel="nofollow" href="http://dimozhai.blog.163.com/blog/#m=0&amp;t=1&amp;c=fks_084068092095089068086084087095080084083069080087083070"><font color="#000000">手工制作</font></a></td>
<td align="middle"><a target="_blank" rel="nofollow" href="http://dimozhai.blog.163.com/blog/#m=0&amp;t=1&amp;c=fks_084068092085087071085086085095080084083069080087083070"><font color="#000000">民风民俗</font></a></td>
<td align="middle"><a target="_blank" rel="nofollow" href="http://dimozhai.blog.163.com/blog/#m=0&amp;t=1&amp;c=fks_084068092087083064085095081095080084083069080087083070"><font color="#000000">生活窍门</font></a></td></tr>
<tr>
<td align="middle"><a target="_blank" rel="nofollow" href="http://dimozhai.blog.163.com/blog/#m=0&amp;t=1&amp;c=fks_084068083095084075085084095095080084083069080087083070"><font color="#000000">中外剪纸</font></a></td>
<td align="middle"><a target="_blank" rel="nofollow" href="http://dimozhai.blog.163.com/blog/static/4226415520154234035293/"><font color="#000000">博客教材</font></a></td>
<td align="middle"><a target="_blank" rel="nofollow" href="http://dimozhai.blog.163.com/blog/#m=0&amp;t=1&amp;c=fks_084068083084086067085080086095080084083069080087083070"><font color="#000000">电脑网络</font></a></td>
<td align="middle"><a target="_blank" rel="nofollow" href="http://dimozhai.blog.163.com/blog/#m=0&amp;t=1&amp;c=fks_084068081095080067085082080095080084083069080087083070"><font color="#000000">书法作品</font></a></td>
<td align="middle"><a target="_blank" rel="nofollow" href="http://dimozhai.blog.163.com/blog/#m=0&amp;t=1&amp;c=fks_084068081081083068085087084095080084083069080087083070"><font color="#000000">网易名博</font></a></td></tr>
<tr>
<td align="middle"><a target="_blank" rel="nofollow" href="http://dimozhai.blog.163.com/blog/#m=0&amp;t=1&amp;c=fks_084068080083084071085086084095080084083069080087083070"><font color="#000000">优美音画</font></a></td>
<td align="middle"><a target="_blank" rel="nofollow" href="http://dimozhai.blog.163.com/blog/#m=0&amp;t=1&amp;c=fks_084068080083084071085086086095080084083069080087083070"><font color="#000000">推荐博文</font></a></td>
<td align="middle"><a target="_blank" rel="nofollow" href="http://dimozhai.blog.163.com/blog/#m=0&amp;t=1&amp;c=fks_084065080085087067086080087095080084083069080087083070"><font color="#000000">健康指南</font></a></td>
<td align="middle"><a target="_blank" rel="nofollow" href="http://dimozhai.blog.163.com/blog/#m=0&amp;t=1&amp;c=fks_084065086095080066084087087095080084083069080087083070"><font color="#000000">视频播放</font></a></td>
<td align="middle"><a target="_blank" rel="nofollow" href="http://dimozhai.blog.163.com/blog/#m=0&amp;t=1&amp;c=fks_087069080094084070085080082095080084083069080087083070"><font color="#000000">LOGO模板</font></a></td></tr>
<tr>
<td align="middle"><a target="_blank" rel="nofollow" href="http://dimozhai.blog.163.com/blog/#m=0&amp;t=1&amp;c=fks_087070092081081064082081086095080084083069080087083070"><font color="#000000">相框素材</font></a></td>
<td align="middle"><a target="_blank" rel="nofollow" href="http://dimozhai.blog.163.com/blog/#m=0&amp;t=1&amp;c=fks_087070093083086075086084087095080084083069080087083070"><font color="#000000">博客留言</font></a></td>
<td align="middle"><a target="_blank" rel="nofollow" href="http://dimozhai.blog.163.com/blog/#m=0&amp;t=1&amp;c=fks_087070092081080067082081080095080084083069080087083070"><font color="#000000">分割线</font></a></td>
<td align="middle"><a target="_blank" rel="nofollow" href="http://dimozhai.blog.163.com/blog/#m=0&amp;t=1&amp;c=fks_087070087082080070080080081095080084083069080087083070"><font color="#000000">PS教程</font></a></td>
<td align="middle"><a target="_blank" rel="nofollow" href="http://dimozhai.blog.163.com/blog/#m=0&amp;t=1&amp;c=fks_087064080095083066081080083095080084083069080087083070"><font color="#000000">历史存照</font></a></td></tr>
<tr>
<td align="middle"><a target="_blank" rel="nofollow" href="http://dimozhai.blog.163.com/blog/#m=0&amp;t=1&amp;c=fks_087070085095088074087081086095080084083069080087083070"><font color="#000000">知识吧台</font></a></td>
<td align="middle"><a target="_blank" rel="nofollow" href="http://dimozhai.blog.163.com/blog/static/4226415520154234035293/"><font color="#000000">博客教材</font></a></td>
<td align="middle"><a target="_blank" rel="nofollow" href="http://dimozhai.blog.163.com/blog/#m=0&amp;t=1&amp;c=fks_087064081086083071092085084095080084083069080087083070"><font color="#000000">游戏乐园</font></a></td>
<td align="middle"><a target="_blank" rel="nofollow" href="http://dimozhai.blog.163.com/blog/#m=0&amp;t=1&amp;c=fks_087064080095083066087083080095080084083069080087083070"><font color="#000000">精美顶栏</font></a></td>
<td align="middle"><a target="_blank" href="http://dimozhai.blog.163.com/blog/static/42264155201502791821568/"><font color="#000000">佩文诗韵</font></a></td></tr>
<tr>
<td align="middle"><a target="_blank" href="http://dimozhai.blog.163.com/blog/static/42264155200810223504840/"><font color="#000000">原创对联</font></a></td>
<td align="middle"><a target="_blank" href="http://dimozhai.blog.163.com/blog/static/422641552014112391430180/"><font color="#000000">首页色码</font></a></td>
<td align="middle"><a target="_blank" rel="nofollow" href="http://dimozhai.blog.163.com/album/#m=0&amp;p=1"><font color="#000000">翻看相册</font></a></td>
<td align="middle"><a target="_blank" href="http://dimozhai.blog.163.com/friends/#m=0"><font color="#000000">博客好友</font></a></td>
<td align="middle"><a target="_blank" href="http://dimozhai.blog.163.com/blog/static/4226415520159255020772/"><font color="#000000">漏图技巧</font></a></td></tr></tbody></table></p>
<div style="TEXT-ALIGN: center; LINE-HEIGHT: 25px;"><b><font color="#ff0000"><u style="LINE-HEIGHT: 28px;">★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★</u></font></b> </div></td></tr></tbody></table></div></td></tr>
<tr>
<td height="140" background="http://img0.ph.126.net/3E1Go5tuh_0ZHh4AeFP_PQ==/6608580553888230246.png" width="800"></td></tr></tbody></table>


  评论这张
 
阅读(55)| 评论(2)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017