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

滴墨斋主的后花园

.

 
 
 

日志

 
 

【原创】博客首页最牛书橱制作及安装步骤  

2014-11-05 13:54:04|  分类: 原创教材 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 博客首页最牛书橱制作及安装步骤

 【原创】博客首页最牛书橱制作及安装步骤 - 滴墨斋主 - 滴墨斋主的后花园

 


 
 

一、博客首页最牛书橱代码修改步骤

      怎么把原代码改成自己的代码呢?按照如下步骤操作:

以下是我设置的原代码。注意,这是根据中间宽两边窄的板式设置的,其它板式不能用啊。

代码说明: 1、词组:                  (WIDTH=栏目宽);

                                                        (HEIGHT=栏目高);

                               (cellspacing=单元格之间的距离);

               (cellpadding=单元格内文字与边框的距离);

                                                                                    2、码组:

                                                                                       (1)、背景图码:在整组代码的顶部。

<table style="WIDTH: 440px; HEIGHT: 652px;" border="0" cellspacing="1" cellpadding="0" width="440" background="在这里粘贴背景图片地址">
<tbody>
<tr>
<td>
                                                                                        (2)、表格代码:起到固定书本的作用。
<table style="WIDTH: 440px; HEIGHT: 652px;" border="1" cellspacing="15" cellpadding="15" width="440">
<tbody>
<tr>
                                                                                         (3)、书橱分层代码:共三层,每层一套代码。
<td style="WIDTH: 440px; HEIGHT: 95px;"><a target="_blank" href="在这里粘贴文章地址"><img style="margin: 0px;" title="" alt="" src="在这里粘贴你制作好的书本图片"></a></td></tr>
<tr>
                                                                                          (4)、书本单册代码:每册书都有属于自己的一组代码。
<a target="_blank" href="在这里粘贴文章地址"><img style="margin: 0px;" title="" alt="" src="在这里粘贴你制作好的书本图片"></a>
                                                                                         3、自由增减:根据需要可以自由增加或减少书本数量。每增加一册就要增加一组代码,复制小标题(4)下边的加粗代码插入到(3)小标题代码内。【95px;">在此处粘贴一组代码<a target】。
代码示范:
<td style="WIDTH: 440px; HEIGHT: 95px;">在此处粘贴一组代码,或反复粘贴多组代码<a target="_blank" href="在这里粘贴文章地址"><img style="margin: 0px;" title="" alt="" src="在这里粘贴你制作好的书本图片"></a></td></tr>
<tr>
演示代码
<table style="WIDTH: 440px; HEIGHT: 652px;" border="0" cellspacing="1" cellpadding="0" width="440" background="在这里粘贴背景图片地址">
<tbody>
<tr>
<td>
<table style="WIDTH: 440px; HEIGHT: 652px;" border="1" cellspacing="15" cellpadding="15" width="440">
<tbody>
<tr>
<td style="WIDTH: 440px; HEIGHT: 95px;"><a target="_blank" href="在这里粘贴文章地址"><img style="margin: 0px;" title="" alt="" src="在这里粘贴你制作好的书本图片"></a></td></tr>
<tr>
<td style="WIDTH: 440px; HEIGHT: 130px;"><a target="_blank" href="在这里粘贴文章地址"><img style="margin: 0px;" title="" alt="" src="在这里粘贴你制作好的书本图片"></a></td></tr>
<tr>
<td style="WIDTH: 440px; HEIGHT:140px;"><a target="_blank" href="在这里粘贴文章地址"><img style="margin: 0px;" title="" alt="" src="在这里粘贴你制作好的书本图片"></a></td></tr></tbody></table></td></tr></tbody></table>

二、博客首页最牛书橱安装步骤

           复制经过自己替换好的代码,按照如下步骤操作:

1、在首页左侧顶部点击哪个朝下移动的“绿箭头”。然后点击“装扮博客”;

2、再点击“设置首页内容”;

3、这时出现已有栏目名称 ,注意底部出现的一行带下划线的蓝色文字,点击“添加自定义模块”;

4、在出现的对话框中粘贴代码;

5、给模块命名(最牛书橱);

6、点击下边的“确定”。

7、如果需要调整“最牛书橱”栏目的位置,鼠标左键直接点住栏目顶部“编辑”左侧空白处,拖到适合位置即可。

对初学者,建议在下边原代码的基础上,直接替换文章地址和图片地址即可!
<table style="WIDTH: 440px; HEIGHT: 652px;" border="0" cellspacing="1" cellpadding="0" width="440" background="http://img2.ph.126.net/8ON7B37MsDIql5oT8La6kg==/6597167623193703662.jpg">
<tbody>
<tr>
<td>
<table style="WIDTH: 440px; HEIGHT: 652px;" border="1" cellspacing="15" cellpadding="15" width="440">
<tbody>
<tr>
<td style="WIDTH: 440px; HEIGHT: 95px;"><br><br><br><br>
<a target="_blank" href="http://dimozhai.blog.163.com/blog/static/42264155200831431758421/"><img style="margin: 0px;" title="" alt="" src="http://img1.ph.126.net/PsApwSkAqmnJUHjrY9WDjg==/17451448572938272.jpg"></a>
<a target="_blank" href="http://dimozhai.blog.163.com/blog/static/422641552014389346649/"><img style="line-height: 28px; margin: 0px; font-size: 16px;" title="" alt="" src="http://img2.ph.126.net/GduG2HzHTJlbTcg4vCc9xg==/1054968212728412237.jpg"></a>
<a target="_blank" href="http://dimozhai.blog.163.com/blog/static/42264155200981271723540/"><img style="line-height: 28px; margin: 0px; font-size: 16px;" title="" alt="" src="http://img1.ph.126.net/Gq3kwnDyPD8eOl3Q2sSejQ==/1127307281743704205.jpg"></a>
<a target="_blank" href="http://dimozhai.blog.163.com/blog/static/42264155200922355018957/"><img style="line-height: 28px; margin: 0px; font-size: 16px;" title="" alt="" src="http://img1.ph.126.net/gtgI1aLYyz6L934YrhY83w==/2401825976289553900.jpg"></a>
<a target="_blank" href="http://dimozhai.blog.163.com/blog/static/42264155200802352221671/"><img style="line-height: 28px; margin: 0px; width: 27px; height: 95px; font-size: 16px;" title="" alt="" src="http://img0.ph.126.net/4dMRcmPO_31NPmGpigoBVg==/649362771288846810.jpg" width="29" height="90"></a>
<a target="_blank" href="http://dimozhai.blog.163.com/blog/static/42264155200831432115907/"><img style="margin: 0px;" title="" alt="" src="http://img0.ph.126.net/zETWjBsV0CDIIrVq6OSSWg==/2813623867217281653.jpg"></a>
<a target="_blank" href="http://dimozhai.blog.163.com/blog/static/4226415520145191141240/"><img style="margin: 0px;" title="" alt="" src="http://img1.ph.126.net/YAHWd43worhWxa1jfMGN-g==/6608534374399598563.jpg"></a>
<a target="_blank" href="http://dimozhai.blog.163.com/blog/static/422641552010336126949/"><img style="line-height: 28px; margin: 0px;" title="" alt="" src="http://img1.ph.126.net/NW5t82cT3dr0jwvWVqfm-A==/1054968212728412236.jpg"></a>
<a target="_blank" href="http://dimozhai.blog.163.com/blog/static/42264155200951731246579/"><img style="line-height: 28px; margin: 0px;" title="" alt="" src="http://img1.ph.126.net/DxP8D3ya3LwYlo4j-2OS8Q==/2806305517822818274.jpg"></a>
<a target="_blank" href="http://dimozhai.blog.163.com/blog/static/42264155200831432432293/"><img style="line-height: 28px; margin: 0px; font-size: 16px;" title="" alt="" src="http://img1.ph.126.net/t_Kg7AuOF5z250OCoPAWoA==/2432788223727073279.jpg"></a>
<a target="_blank" href="http://dimozhai.blog.163.com/blog/static/42264155200821633052662/"><img style="margin: 0px;" title="" alt="" src="http://img2.ph.126.net/BUNCZhNrlwKPKPydJ-Rvbw==/2401544501312854199.jpg"></a>
<a target="_blank" href="http://dimozhai.blog.163.com/blog/static/422641552014414411704/"><img style="margin: 0px;" title="" alt="" src="http://img1.ph.126.net/SlbtUQIX2AvS_RmETx3RhA==/17451448572938260.jpg"></a>
<a target="_blank" href="http://dimozhai.blog.163.com/blog/static/422641552011027102036278/"><img style="line-height: 28px; margin: 0px; font-size: 16px;" title="" alt="" src="http://img0.ph.126.net/_7-KGKZiV6vKWb0iMjwT7Q==/6608568459260058879.jpg"></a>
<a target="_blank" href="http://dimozhai.blog.163.com/blog/static/42264155200912362516941/"><img style="margin: 0px;" title="" alt="" src="http://img1.ph.126.net/efy8GAP4N3vHjyrRiRGPfA==/6619252413746867215.jpg"><br></a>&nbsp;</td></tr>
<tr>
<td style="WIDTH: 440px; HEIGHT: 130px;"><br><a target="_blank" href="http://dimozhai.blog.163.com/blog/static/42264155200951842936919/"><img style="line-height: 28px; margin: 0px; width: 28px; height: 102px;" title="" alt="" src="http://img2.ph.126.net/4opaT0lWp3KUyJ8RjCPd4A==/1104789283606881341.jpg" width="28" height="109"></a><a target="_blank" href="http://dimozhai.blog.163.com/blog/static/422641552009123599480/"><img style="line-height: 28px; margin: 0px; width: 17px; height: 90px; font-size: 16px;" title="" alt="" src="http://img1.ph.126.net/E5CdPnVRJJmxKlAAqzII5A==/2473320620366538997.jpg" width="26" height="90"></a><a target="_blank" href="http://dimozhai.blog.163.com/blog/static/42264155200922355018957/"><img style="line-height: 28px; margin: 0px; width: 20px; height: 90px; font-size: 16px;" title="" alt="" src="http://img2.ph.126.net/cBxVppVYvASI0Xep2xNGqw==/6608849934236743250.jpg" width="22" height="90"></a><a target="_blank" href="http://dimozhai.blog.163.com/blog/static/4226415520102922758901/"><img style="line-height: 28px; margin: 0px; width: 22px; height: 90px; font-size: 16px;" title="" alt="" src="http://img2.ph.126.net/PNVLUJlIEC8AD1EIZUVDbA==/6619132566979432820.jpg" width="33" height="90"></a><a target="_blank" href="http://dimozhai.blog.163.com/blog/static/42264155200810223504840/"><img style="line-height: 28px; margin: 0px; width: 21px; height: 90px; font-size: 16px;" title="" alt="" src="http://img1.ph.126.net/YrxkFQNUm0oHNt5PqaveRw==/2814186817170601198.jpg" width="31" height="90"></a><a target="_blank" href="http://dimozhai.blog.163.com/blog/static/42264155200912362516941/"><img style="line-height: 28px; margin: 0px; width: 19px; height: 90px; font-size: 16px;" title="" alt="" src="http://img1.ph.126.net/0hy0PYlVAn8hxBTj3gxWXQ==/1150388229833981083.jpg" width="34" height="90"></a><a target="_blank" href="http://dimozhai.blog.163.com/blog/static/4226415520145125725765/"><img style="line-height: 28px; margin: 0px; width: 24px; height: 90px; font-size: 16px;" title="" alt="" src="http://img1.ph.126.net/lYX6_JAJLA0lAYmLEFcfaQ==/2388033702430730797.jpg" width="33" height="90"></a><a target="_blank" href="http://dimozhai.blog.163.com/blog/static/42264155200831433129631/"><img style="line-height: 28px; margin: 0px; width: 26px; height: 90px; font-size: 16px;" title="" alt="" src="http://img2.ph.126.net/lWipRBF4_kxCFAsOL3Herw==/1109292883234553873.jpg" width="43" height="90"></a><a target="_blank" href="http://dimozhai.blog.163.com/blog/static/42264155200831432930151/"><img style="line-height: 28px; margin: 0px; width: 33px; height: 90px; font-size: 16px;" title="" alt="" src="http://img1.ph.126.net/KVPC399QyEzhi5uwCw5l9w==/6619384355142194416.jpg" width="35" height="90"></a><a target="_blank" href="http://dimozhai.blog.163.com/blog/static/42264155200831432318104/"><img style="line-height: 28px; margin: 0px; width: 27px; height: 90px; font-size: 16px;" title="" alt="" src="http://img0.ph.126.net/txbJkJT62Xuqz-OkdBtlbA==/1104789283606881342.jpg" width="31" height="90"></a><a target="_blank" href="http://dimozhai.blog.163.com/blog/static/42264155201462510313968/"><img style="margin: 0px;" title="" alt="" src="http://img1.ph.126.net/oITNjwCXR-KQCi2gMWT1hQ==/3110861442623632699.jpg"></a><a target="_blank" href="http://dimozhai.blog.163.com/blog/static/422641552014656758147/"><img style="margin: 0px;" title="" alt="" src="http://img2.ph.126.net/-SE9IAFCWOjHtnzOWptfvw==/1171498853087206652.jpg"></a><a target="_blank" href="http://dimozhai.blog.163.com/blog/static/42264155200992201938662/"><img style="margin: 0px;" title="" alt="" src="http://img2.ph.126.net/yG5cDeHYHYImFVQWe82AFA==/6608414527633228697.jpg"></a><a target="_blank" href="http://dimozhai.blog.163.com/blog/static/42264155201021752612827/"><img style="margin: 0px;" title="" alt="" src="http://img1.ph.126.net/7hn01q_emjgl7k04j88ARQ==/2812779442287153997.jpg"></a>&nbsp;</td></tr>
<tr>
<td style="WIDTH: 440px; HEIGHT: 140px;">&nbsp;<br><br><br>&nbsp; &nbsp; &nbsp; <br>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<br><br><a target="_blank" href="http://dimozhai.blog.163.com/blog/static/422641552014613816111/"><img style="line-height: 28px; margin: 0px; font-size: 16px;" title="" alt="" src="http://img0.ph.126.net/HfJ7CAlIuNmdL3EcO48Epg==/3116490942157946814.jpg"></a></td></tr></tbody></table></td></tr></tbody></table>


温馨提示:本教材代码在日志和首页显示效果不一样,这是专为网易博客首页设置,以网易博客首页显示效果为准。

点击下边标题学习博客技巧:

博客首页时钟安装步骤(随机赠送10套最新制作时尚博客时钟)

博客精品栏目推荐模板制作步骤

巧用好友头像轻松制作日志边框

首页代码应用技巧——留言栏模块安装代码

不会ps也照样美化博客!!!!


 

  评论这张
 
阅读(669)| 评论(89)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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