原创诗歌原创博文原创模板原创边框制作工具巧用代码flash素材开博秘笈我的收藏音乐KTV图片仓库边框大全背景基地家教资料博客时钟免抠素材诗歌对联家具图片手工制作民风民俗生活窍门中外剪纸博客教材电脑网络书法作品网易名博优美音画推荐博文健康指南视频播放LOGO模板相框素材博客留言分割线PS教程历史存照知识吧台博客教材游戏乐园精美顶栏佩文诗韵原创对联首页色码翻看相册博客好友漏图技巧★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★
第一步：
制作一张属于自己的个性图片。当然也可以直接使用下边的现成图片。
图宽\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&t=1&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&t=1&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&t=1&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://image95.360doc.com/DownloadImg/2016/03/2212/68211893_5.png" width="800"></td></tr>
<tr>
<td background="http://image95.360doc.com/DownloadImg/2016/03/2212/68211893_6.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="//image95.360doc.com/DownloadImg/2016/03/2212/68211893_3.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&t=1&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&t=1&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="//image95.360doc.com/DownloadImg/2016/03/2212/68211893_4.jpg" width="135" height="130"></font></th>
<td align="middle"><a target="_blank" rel="nofollow" href="http://dimozhai.blog.163.com/blog/#m=0&t=1&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&t=1&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&t=1&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&t=1&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&t=1&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&t=1&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&t=1&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&t=1&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&t=1&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&t=1&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&t=1&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&t=1&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&t=1&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&t=1&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&t=1&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&t=1&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&t=1&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&t=1&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&t=1&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&t=1&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&t=1&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&t=1&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&t=1&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&t=1&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&t=1&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&t=1&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&t=1&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&t=1&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&t=1&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&t=1&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&t=1&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&t=1&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&t=1&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&t=1&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&t=1&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&t=1&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&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://image95.360doc.com/DownloadImg/2016/03/2212/68211893_7.png" width="800"></td></tr></tbody></table>
