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

岁月驼铃的博客

老有所乐,老有所为,用心把青春追回

 
 
 

日志

 
 

【转载】博客移动目录制作方法  

2013-01-29 20:47:45|  分类: 博客炫修 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

博客移动目录制作方法

 

        博客移动目录,具有博客导航,博客内容分类的功能。它对博客起着提纲挈领的作用。其动感,颇能吸引读者眼球,引导点击。你如果感兴趣,请参阅下文:

一,制作效果

 

2009年8月17日 -  三月飞春雪 - 三月飞春雪

实践博教

装饰动画

精选时钟

天气日报

公告安装

博客素材

博客视频

2009年8月17日 -  三月飞春雪 - 三月飞春雪

 

二,代码

<TABLE border=0 cellSpacing=0 width=463 background=http://img.bimg.126.net/photo/P-QuwYxvWk_5Dlv3MbafTg==/4017492342591607172.jpg align=center>
<TBODY>
<TR>
<TD><IMG style="WIDTH: 463px; HEIGHT: 4px" src="http://img.bimg.126.net/photo/AlDa58LZFYncGQ_B8JBBLw==/5114118851856219257.jpg" width="98%" height=1 direction="cont" scrollAmount="3" scrollDelay="30">
<MARQUEE>
<TABLE border=3 cellSpacing=3 cellPadding=3 width="120%" background=http://img.bimg.126.net/photo/28tvNXh0DjNmo0CVV1WrMw==/2044071280874208105.jpg>
<TBODY>
<TR>
<TD><A href="http://wyp-790116.blog.163.com/blog/static/1116863720079533935792/"><STRONG><FONT color=#006400 size=4 face=楷体_GB2312>
<H4>实践博教</H4></FONT></STRONG></A></FONT></STRONG></A></FONT></STRONG></A></FONT></STRONG></A></TD>
<TD><A href="http://wyp-790116.blog.163.com/blog/static/111686372008102242737542/"><STRONG><FONT color=#006400 size=4 face=楷体_GB2312>
<H4>装饰动画</H4></FONT></STRONG></A></FONT></STRONG></A></FONT></STRONG></A></FONT></STRONG></A></TD>
<TD><A href="http://wyp-790116.blog.163.com/blog/static/11168637200810231385374/"><STRONG><FONT color=#006400 size=4 face=楷体_GB2312>
<H4>精选时钟</H4></FONT></STRONG></A></FONT></STRONG></A></FONT></STRONG></A></FONT></STRONG></A></TD>
<TD><A href="http://wyp-790116.blog.163.com/blog/static/111686372009468295143/"><STRONG><FONT color=#006400 size=4 face=楷体_GB2312>
<H4>天气日报</H4></FONT></STRONG></A></FONT></STRONG></A></FONT></STRONG></A></FONT></STRONG></A></TD>
<TD><A href="http://wyp-790116.blog.163.com/blog/static/1116863720097721324280/"><STRONG><FONT color=#006400 size=4 face=楷体_GB2312>
<H4>公告安装</H4></FONT></STRONG></A></FONT></STRONG></A></FONT></STRONG></A></FONT></STRONG></A></TD>
<TD><A href="http://wyp-790116.blog.163.com/blog/static/111686372008102324817504/"><STRONG><FONT color=#006400 size=4 face=楷体_GB2312>
<H4>博客素材</H4></FONT></STRONG></A></FONT></STRONG></A></FONT></STRONG></A></FONT></STRONG></A></TD>
<TD><A href="http://wyp-790116.blog.163.com/blog/static/1116863720096471750514/"><STRONG><FONT color=#006400 size=4 face=楷体_GB2312>
<H4>博客视频</H4></FONT></STRONG></A></FONT></STRONG></A></FONT></STRONG></A></FONT></STRONG></A></TD></A></TR></TBODY></TABLE></MARQUEE></TD></TR></FONT></TBODY></TABLE><IMG style="TEXT-ALIGN: center; WIDTH: 463px; DISPLAY: block; HEIGHT: 4px"  border=0 src="http://img.bimg.126.net/photo/AlDa58LZFYncGQ_B8JBBLw==/5114118851856219257.jpg" width=463 height=4>

三,制作

1,将上面代码通过鼠标(鼠标对着代码末尾按住左键,拖至代码首头释放左键,将全部代码罩色选定,鼠标对准罩色区任意处,点右键,在出现的菜单中左键选点“复制”)复制。

2,登录你的博客,点导航栏中的“日志”,点“写日志”,点“< >”打开日志源码编辑页面,鼠标对着空白编辑区点右键,在出现的菜单上,左键点“粘贴”,就将代码贴进了日志栏。

3,先将代码中的红色部分链接好:从上到下依次将7个目录文字改为你的目录文字,近邻每个目录文字上面以“http:/......"开头的红色部分是这个文题要打开的内容页面的链接地址。比如,你写了一篇日志,题目叫做《我对文学的认知》你就将“我对文学的认知”作为文题替换红色代码中的第一行“实践博教”,在保持操作页面不关闭情况下点页面右上的“—”按钮先将页面隐藏于底栏,你需另外点开《我对文学的认知》这篇日志,鼠标指向日志页面顶栏,点右键,在出现采单上左键选点复制,然后点隐于底栏的编辑页面,回到先前操作页面,采用上面我们谈到的拖色罩选方法选中“我对文学的认知”其上的以“http:/......"开头的红色部分,对罩色区点右键,点粘贴,将旧地址替换。其余目录文题的地址连接以此类推,不一一重复。

4,代码中的粉红色部分:“width=463”是博客移动目录模块的整体可调宽度,你可依据你博客挂附博客移动目录的位子的宽度自行调整相符。“http://.......jpg”是背景图地址,如果,你想更换背景图,请复制新图地址替换旧图地址。

5,代码中的绿色部分:“http://.......jpg”是上下边框图的相同地址,如果,你想更换上下边框图,请复制新图地址替换旧图地址。

6,代码中的湖蓝色部分:width="120%" 是可调移动版块的宽度,你可依据你链接的目录的数量(目录长度)自行调整。

7,在上述操作过程中,你可随时点"< >'浏览效果,再点"< >'返回代码编辑页面,继续下步操作。移动效果须点“保存为草稿”或“发表日志”方能看到。全部操作完成后,浏览效果满意时,再点开"< >”按钮,进入代码遍辑页面,点右键,选点“全选”,对着罩色面,点右键,选点“复制”,然后,点你博客导航栏上的“首页”,到你的博客首页,鼠标指向左上角动态箭标,点出现的“装扮博客”,点“设置首页内容”,点“添加自定义模块”,鼠标对框内点右键,点粘贴,点预览,看看效果,(如果,模块宽度不合适,点“返回编辑",根据你摆放位的宽度,调整相关宽度值,点“预览”察看模块大小合适时,点“返回编辑",在模块名称栏输入你给定的模块名称,点“确定”。OK。

 

*下面介绍我的博客挂置的移动字式透明背景的博客目录的制作方法

1,效果

 

实践博教

装饰动画

精选时钟

天气日报

公告安装

博客素材

博客视频

2,代码

<MARQUEE>
<TABLE width="130%">
<TBODY>
<TR>
<TD><A href="http://wyp-790116.blog.163.com/blog/static/1116863720079533935792/"><STRONG><FONT color=#00FF00 size=4 face=楷体_GB2312>
<H4>实践博教</H4></FONT></STRONG></A></FONT></STRONG></A></FONT></STRONG></A></FONT></STRONG></A></TD>
<TD><A href="http://wyp-790116.blog.163.com/blog/static/111686372008102242737542/"><STRONG><FONT color=#00FF00 size=4 face=楷体_GB2312>
<H4>装饰动画</H4></FONT></STRONG></A></FONT></STRONG></A></FONT></STRONG></A></FONT></STRONG></A></TD>
<TD><A href="http://wyp-790116.blog.163.com/blog/static/11168637200810231385374/"><STRONG><FONT color=#00FF00 size=4 face=楷体_GB2312>
<H4>精选时钟</H4></FONT></STRONG></A></FONT></STRONG></A></FONT></STRONG></A></FONT></STRONG></A></TD>
<TD><A href="http://wyp-790116.blog.163.com/blog/static/111686372009468295143/"><STRONG><FONT color=#00FF00 size=4 face=楷体_GB2312>
<H4>天气日报</H4></FONT></STRONG></A></FONT></STRONG></A></FONT></STRONG></A></FONT></STRONG></A></TD>
<TD><A href="http://wyp-790116.blog.163.com/blog/static/1116863720097721324280/"><STRONG><FONT color=#00FF00 size=4 face=楷体_GB2312>
<H4>公告安装</H4></FONT></STRONG></A></FONT></STRONG></A></FONT></STRONG></A></FONT></STRONG></A></TD>
<TD><A href="http://wyp-790116.blog.163.com/blog/static/111686372008102324817504/"><STRONG><FONT color=#00FF00 size=4 face=楷体_GB2312>
<H4>博客素材</H4></FONT></STRONG></A></FONT></STRONG></A></FONT></STRONG></A></FONT></STRONG></A></TD>
<TD><A href="http://wyp-790116.blog.163.com/blog/static/1116863720096471750514/"><STRONG><FONT color=#00FF00 size=4 face=楷体_GB2312>
<H4>博客视频</H4></FONT></STRONG></A></FONT></STRONG></A></FONT></STRONG></A></FONT></STRONG></A></TD></A></TR></TBODY></TABLE></MARQUEE>

3,制作

(1)将上面代码通过鼠标(鼠标对着代码末尾按住左键,拖至代码首头释放左键,将全部代码罩色选定,鼠标对准罩色区任意处,点右键,在出现的菜单中左键选点“复制”)复制。

(2)登录你的博客首页,鼠标指向左上角动态箭标,点出现的“装扮博客”,点“设置首页内容”,点“添加自定义模块”,鼠标对框内点右键,点粘贴。

(3)先将代码中的绿色文字部分,从上到下依次将7个目录文字改为你的目录文字,近邻每个目录文字上面以“http:/......"开头的红色部分是这个文题要打开的内容页面的链接地址。比如,你写了一篇日志,题目叫做《我对文学的认知》你就将“我对文学的认知”作为文题替换红色代码中的第一行“实践博教”,在保持操作页面不关闭情况下点页面右上的“—”按钮先将页面隐藏于底栏,你需另外点开《我对文学的认知》这篇日志,鼠标指向日志页面顶栏,点右键,在出现采单上左键选点复制,然后点隐于底栏的编辑页面,回到先前操作页面,采用上面我们谈到的拖色罩选方法选中“我对文学的认知”其上的以“http:/......"开头的红色部分,对罩色区点右键,点粘贴,将旧地址替换。其余目录文题的地址连接以此类推,不一一重复。

(4)绿色文字上面的梅红色color=#00FF00”是文字的颜色设定,等号后的“#00FF00”是可调色码,

选择颜色编码请点击这里

选好文字颜色就把色块右侧的颜色编号用复制粘贴的方法替换旧编号即可。文字前面的"'<H4>"是文字的大小,你可根据情况进行调整。

(5)代码第二行的“width="130%”是移动目录总宽度(长度),你可根据实际需要自行调整。

(6)如果,你要增建一个目录。就将“<TD><A href="http://打开的页面地址"><STRONG><FONT color=#00FF00 size=4 face=楷体_GB2312>
<H4>键入的目录文字</H4></FONT></STRONG></A></FONT></STRONG></A></FONT></STRONG></A></FONT></STRONG></A></TD>”这组代码复制粘贴在其中任意一组类似上述代码的尾部(最后一个代码字符)。然后,替换其中的文字和链接地址即可。

        如果,你要减少一个目录数量,照上面的区分关联代码的方法删除其中的一组代码就可以了。

(7)在上述操作过程中,你可随时点预览看编辑效果。上述操作完成后,点预览,看看效果,认为可以了,在模块名称栏输入你给定的模块名称,点“确定”(如果,模块宽度不合适,点“编辑",根据你摆放位的宽度,调整宽度值,再点“确定”,OK。

 

 

 

  评论这张
 
阅读(35)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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