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

滴墨斋主的后花园

.

 
 
 

日志

 
 

【原创】博客首页工具栏制作和安装方法详解  

2014-11-17 20:33:05|  分类: 原创教材 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

博客首页工具栏制作和安装方法

博客首页安装实际效果

博客首页安装方法

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

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

             博客”;

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

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

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

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

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

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

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

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

代码制作(修改)步骤

1、首先打开“写日志”,再点击顶栏右侧<>标志,粘贴下边的全部代码;

2、依次更换背景图片、标题图片、按钮图片(需要提前做好哦);

3、每一组代码有两个地址,一个图片地址,一个链接地址,切记配对替换;

4、本栏目设置宽 :width=420;

     标题图片width=415  height=70;按钮图片width=98 height=98;

5、本栏目专为中间宽两边窄的博友首页设置,其它形式首页不适合使用。

6、最后点击<>标志返回日志编辑前台查看效果。

注意:修改本代码时务必注意将你的地址代码完全覆盖文字,粘贴到双引号里边。

原创模板代码如下

<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=420 background=在这里添加背景图片地址 align=center>
<TBODY>
<TR>
<TD colSpan=4 align=center><A href="
在这里添加模板备份地址" target=_blank><IMG style="WIDTH: 415px; HEIGHT: 70px" title="" alt="" src="在这里添加标题图片地址"></A> </TD>
<TR>
<TD align=center><FONT color=#ffff00>
<DIV><A href="在这里添加链接地址
" rel=nofollow target=_blank><IMG style="WIDTH: 98px; HEIGHT: 98px" title="" alt="" src="在这里添加图片地址"></A></DIV></FONT></TD>
<TD align=center><FONT color=#ffff00><A href="在这里添加链接地址
" rel=nofollow target=_blank><IMG style="WIDTH: 98px; HEIGHT: 98px" title="" alt="" src="在这里添加图片地址"></A></FONT></TD>
<TD align=center><FONT color=#ffff00><A href="
在这里添加链接地址" rel=nofollow target=_blank><IMG style="WIDTH: 98px; HEIGHT: 98px" title="" alt="" src="在这里添加图片地址"></A></FONT></TD>
<TD align=center><FONT color=#ffff00><A href="在这里添加链接地址
" rel=nofollow target=_blank><IMG style="WIDTH: 98px; HEIGHT: 98px" title="" alt="" src="在这里添加图片地址"></A></FONT></TD></TR>
<TR>
<TD align=center><FONT color=#ffff00><A href="在这里添加链接地址
" target=_blank><IMG style="WIDTH: 98px; HEIGHT: 98px" title="" alt="" src="在这里添加图片地址"></A></FONT></TD>
<TD align=center><FONT color=#ffff00><A href="在这里添加链接地址
" rel=nofollow target=_blank><IMG style="WIDTH: 98px; HEIGHT: 98px" title="" alt="" src="在这里添加图片地址"></A></FONT></TD>
<TD align=center><FONT color=#ffff00><A href="在这里添加链接地址
" rel=nofollow target=_blank><IMG style="WIDTH: 98px; HEIGHT: 98px" title="" alt="" src="在这里添加图片地址"></A></FONT></TD>
<TD align=center><FONT color=#ffff00><A href="在这里添加链接地址
" rel=nofollow target=_blank><IMG style="WIDTH: 98px; HEIGHT: 98px" title="" alt="" src="在这里添加图片地址"></A></FONT></TD></TR>
<TR>
<TD align=center><FONT color=#ffff00><A href="在这里添加链接地址
" target=_blank><IMG style="WIDTH: 98px; HEIGHT: 98px" title="" alt="" src="在这里添加图片地址"></A></FONT></TD>
<TD align=center><FONT color=#ffff00><A href="在这里添加链接地址
" rel=nofollow target=_blank><IMG style="WIDTH: 98px; HEIGHT: 98px" title="" alt="" src="在这里添加图片地址"></A></FONT></TD>
<TD align=center><FONT color=#ffff00><A href="在这里添加链接地址
" rel=nofollow target=_blank><IMG style="WIDTH: 98px; HEIGHT: 98px" title="" alt="" src="在这里添加图片地址"></A></FONT></TD>
<TD align=center><FONT color=#ffff00><A href="
在这里添加链接地址" target=_blank><IMG style="WIDTH: 98px; HEIGHT: 98px" title="" alt="" src="在这里添加图片地址"></A></FONT></TD></TR></TR></TBODY></TABLE>

   

分割线材 时尚边框 原创诗歌 滴墨成章 精品收藏 音乐沙龙
图片素材 代码超市 背景素材 ps课堂 相框素材 制作工具

知识吧台

时代民谣

滴墨斋主后花园导游链接

flash制作

博客技巧

  评论这张
 
阅读(815)| 评论(83)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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