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

滴墨斋主的后花园

.

 
 
 

日志

 
 

【原创】博客首页动态阶梯栏代码及“七步安装法”  

2014-11-11 15:36:29|  分类: 原创教材 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 



 

         ,, - 滴墨斋主 - .
 
 

博客首页动态阶梯栏代码及“七步安装法”

 

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

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

第二步、再点击“设置首页内容”;

第三步、这时出现已有栏目名称 ,注意底部出现的一行带下划线的蓝色文字,

             点击“添加自定义模块”;

第四步、在出现的对话框中粘贴代码;

第五部、给模块命名(xxxxx);

第六步、点击下边的“确定”。

第七部、如果需要调整栏目的位置,鼠标左键直接点住栏目顶部

         “编辑”左侧空白处,拖到适合位置即可。

首页实际效果

14二版综合导航
14二版代码导航
14二版圈管导航
14二版工具导航
14二版诗歌导航
14二版博文导航
14二版边框导航
14一版综合导航
14一版网站导航
14一版圈管导航
14一版工具导航
14一版边框导航
首页在线工具导航
首页网易代码导航
后花园游园导航
后花园温馨导航
后花园斋主导航
后花园游走字幕
后花园博游风景区
后花园边框仓库
点击获取本模块代码
后花园藏宝阁目录
斋主音乐曲目单
图片素材目录
名博必备代码
博客技巧汇编
flash素材超市
本博原创边框
ps教学视频
斋主原创诗歌
斋主原创博文
各种免抠音画素材
背景素材基地
后花园知识吧台
日志常用分割线
庆典祝福专用素材
在线制作工具大全
送出博圈贺贴汇总
收到博圈贺贴汇总
博客顶栏收集
各家日志边框
点击获取本模块代码

各式首页模板代码剪辑如下

<STRONG></STRONG>
<TABLE style="BORDER-BOTTOM-STYLE: ridge; BORDER-BOTTOM-COLOR: #666666; BORDER-TOP-COLOR: #666666; BORDER-LEFT-STYLE: ridge; BORDER-TOP-STYLE: ridge; BORDER-RIGHT-COLOR: #666666; BORDER-RIGHT-STYLE: ridge; BORDER-LEFT-COLOR: #666666" border=8 cellSpacing=2 borderColor=#666666 cellPadding=2 width=165 background=图片地址 align=center height=300>
<TBODY>
<TR>
<TD style="WIDTH: 165px; HEIGHT: 152px"><A href="
http://dimozhai.blog.163.com/blog/#m=0&amp;t=1&amp;c=fks_087070081087081068084086081095080084083069080087083070" rel=nofollow target=_blank><FONT color=#ce0000><IMG title=滴墨斋主欢迎您 alt="" src="http://img1.ph.126.net/6Ov5sMndmQ0283KaCKsFnw==/6619063297746964840.jpg" width=165 height=152></FONT></A></TD></TR>
<TBODY>
<TR>
<TD align=center><FONT color=#000000 size=4 face=宋体>
<MARQUEE style="WIDTH: 164px; HEIGHT: 200px" direction=up scrollAmount=2>
<TABLE border=2 cellSpacing=2 borderColor=#666666 width="100%">
<TBODY>
<TR></TR>
<TR>
<TD style="TEXT-ALIGN: center"><A href="
http://dimozhai.blog.163.com/blog/static/4226415520144164542666/" target=_blank><FONT size=4 face=微软雅黑><FONT color=#ffcc00>14二版综合导航</FONT></FONT></A></TD></TR>
<TR>
<TD style="TEXT-ALIGN: center"><A href="
http://dimozhai.blog.163.com/blog/static/42264155201432110235333/" target=_blank><FONT size=4 face=微软雅黑><FONT color=#ffcc00>14二版代码导航</FONT></FONT></A></TD></TR>
<TR>
<TD style="TEXT-ALIGN: center"><A href="
http://dimozhai.blog.163.com/blog/static/4226415520105117483389/" target=_blank><FONT size=4 face=微软雅黑><FONT color=#ffcc00>后花园边框仓库</FONT></FONT></A></TD></TR></TBODY></TABLE></MARQUEE></FONT></TD></TR>
<TR>
<TD style="TEXT-ALIGN: center"><A href="
http://dimozhai.blog.163.com/blog/static/422641552014101133629513/" target=_blank><FONT size=4 face=微软雅黑><FONT color=#ffcc00>点击获取本模块代码</FONT></FONT></A></TD></TR></TBODY></TABLE>

各式后台板块代码剪辑如下

<STRONG></STRONG>
<TABLE style="BORDER-BOTTOM-STYLE: ridge; BORDER-BOTTOM-COLOR: #666666; BORDER-TOP-COLOR: #666666; BORDER-LEFT-STYLE: ridge; BORDER-TOP-STYLE: ridge; BORDER-RIGHT-COLOR: #666666; BORDER-RIGHT-STYLE: ridge; BORDER-LEFT-COLOR: #666666" border=8 cellSpacing=2 borderColor=#666666 cellPadding=2 width=165 background=图片地址 align=center height=300>
<TBODY>
<TR>
<TD style="WIDTH: 165px; HEIGHT: 152px"><A href="
http://dimozhai.blog.163.com/blog/#m=0&amp;t=1&amp;c=fks_087070081087081068084086081095080084083069080087083070" rel=nofollow target=_blank><FONT color=#ce0000><IMG title=滴墨斋主欢迎您 alt="" src="http://img0.ph.126.net/qZtkzSMGFDD93I3VHDlUfQ==/2828260566006343845.jpg" width=165 height=152></FONT></A></TD></TR>
<TBODY>
<TR>
<TD align=center><FONT color=#000000 size=4 face=宋体>
<MARQUEE style="WIDTH: 164px; HEIGHT: 200px" direction=up scrollAmount=2>
<TABLE border=2 cellSpacing=2 borderColor=#666666 width="100%">
<TBODY>
<TR></TR>
<TR>
<TD style="TEXT-ALIGN: center"><A href="
http://dimozhai.blog.163.com/blog/static/4226415520091278343707/" target=_blank><FONT size=4 face=微软雅黑><FONT color=#ffcc00>后花园藏宝阁目录</FONT></FONT></A></TD></TR>
<TR>
<TD style="TEXT-ALIGN: center"><A href="
http://dimozhai.blog.163.com/blog/static/4226415520095133442339/" target=_blank><FONT size=4 face=微软雅黑><FONT color=#ffcc00>斋主音乐曲目单</FONT></FONT></A></TD></TR>
<TR>
<TD style="TEXT-ALIGN: center"><A href="
http://dimozhai.blog.163.com/blog/static/4226415520092139357792/" target=_blank><FONT size=4 face=微软雅黑><FONT color=#ffcc00>各家日志边框</FONT></FONT></A></TD></TR></TBODY></TABLE></MARQUEE></FONT></TD></TR>
<TR>
<TD style="TEXT-ALIGN: center"><A href="
http://dimozhai.blog.163.com/blog/static/422641552014101133629513/" target=_blank><FONT size=4 face=微软雅黑><FONT color=#ffcc00>点击获取本模块代码</FONT></FONT></A></TD></TR></TBODY></TABLE>
 

首页动态阶梯栏代码制作(修改)步骤

1、首先打开日志,点击顶部<>标志,复制上边的代码,然后粘贴到编辑区域;

2、按照自己设定的栏目更换红色字体,并更换黄色链接地址;

3、本人设置的是20组代码,你可以自己添加代码组。

代码添加办法:

    (1)、从认识一组代码下手;

               下边是一组代码

<TR>
<TD style="TEXT-ALIGN: center"><A href="
在此处粘贴文章地址" target=_blank><FONT size=4 face=微软雅黑><FONT color=#ffcc00>各家日志边框</FONT></FONT></A></TD></TR></TBODY></TABLE></MARQUEE></FONT></TD></TR>

    (2)、再认识一下两组代码;

               下边是两组代码

<TR>
<TD style="TEXT-ALIGN: center"><A href="
在此处粘贴文章地址" target=_blank><FONT size=4 face=微软雅黑><FONT color=#ffcc00>斋主音乐曲目单</FONT></FONT></A></TD></TR>
在此处添加一组或多组代码

<TR>
<TD style="TEXT-ALIGN: center"><A href="在此处粘贴文章地址
" target=_blank><FONT size=4 face=微软雅黑><FONT color=#ffcc00>各家日志边框</FONT></FONT></A></TD></TR></TBODY></TABLE></MARQUEE></FONT></TD></TR>

3、修改完代码就点击日志顶部那个<>看看效果,你刚才放到梯子上文章是不是往上移动了。好了,咱可以复制好代码到首页安装了,按照我在上边写的七步安装法会了吗?聪明的你一定欧啦!

点击文字返回滴墨斋主的后花园!




  评论这张
 
阅读(792)| 评论(97)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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