天天看点

博客代码大全

一、公告栏的添加方法 二、天气查询的添加方法 三、时钟的添加方法
四、精品推荐的添加方法 五、音乐欣赏的添加方法 六、为您服务的添加方法
七、邮箱快速登录的添加方法 八、搜索查询的添加方法 九、LOGO论坛留言的添加方法
十、滚动新闻的添加方法 十一、滚动条的添加方法 十二、头部图片的替换
十三、背景颜色或图片的替换 十四、博客介绍栏的设置 十五、修改标题栏图片背景的方法
十六、新窗口打开链接的方法 十七、鼠标特效的设置方法 十八、隐藏首页部分栏目内容的方法

一、公告栏的添加方法 二、天气查询的添加方法

1、登录博客后,点击右上方的“链接管理”。

2、在创建一个链接列表下面的“链接列表名称:”右侧空白框中输入“本站公告”,在选择链接列表类型中取默认“文本书签”,点击“立即创建”。 出现提示后,点击“确定”。

3、在下方的链接列表中找到新建的“本站公告”栏,点击“本站公告”栏右侧的“编辑”按钮。

4、在新窗口中的描述里输入本站公告代码即可。

5、本站公告代码如下:

<div align=center>

<marquee οnmοuseοver=this.stop() οnmοuseοut=this.start() scrollamount="1" scrolldelay="60" direction="up" width="180" height="152">

<font color=red><b><center>本站公告</center></b></font><BR><BR>

<font color="#003366">欢迎大家的光临!!!</font><BR>

<font color="#FF00FF">本站域名:<BR><BR>

http://myok.bokee.com<br>

http://myok.blogchina.com<BR>

</font>

<font color="#ff0000"><b><center>免责声明</center></b></font><BR>

<font color="#003366">本站资料大部分来自于互联网,其版权归原作者或其他合法者所有.如内容涉及或侵犯了您的权益,请通知本人,我将尽快处理!</font><BR><BR>

<font color="#ff0000"><b><center>欢迎您的光临</center></b></font><BR>

<font color="#003366">感谢您的大力支持!如果您对本站有好的意见和建议,请到留言板留言或用以下方式和我联系:</font><BR>

<font color="#ff0000"><a href="mailto:[email protected]" target="_blank" rel="external nofollow" >[email protected]</a><BR>

QQ:79663988</font>

</marquee></div>

1、登录博客后,点击右上方的“链接管理”。

2、在创建一个链接列表下面的“链接列表名称:”右侧空白框中输入“天气查询”,在选择链接列表类型中取默认“文本书签”,点击“立即创建”。 出现提示后,点击“确定”。

3、在下方的链接列表中找到新建的“天气查询”栏,点击“天气查询”右侧的“编辑”按钮。

4、在出现的新窗口中描述里输入天气查询代码即可。

5、天气查询代码如下:

    代码一:

<SCRIPT>

function getcookie(name) {

var my_cookie = document.cookie;

var start = my_cookie.indexOf(name + "@weather.qq.com" + "=");

if (start == -1) return '';

start += name.length + 16; //1 stands of '='

var end = my_cookie.indexOf(";" ,start);

if (end == -1) end = my_cookie.length;

return my_cookie.substr(start, end - start);

}

var v=getcookie('default_city');

if (v == '') v=166;

document.write("<IFRAME ID='ifm2' WIDTH='189' HEIGHT='190' ALIGN='CENTER' MARGINWIDTH='0' MARGINHEIGHT='0' HSPACE='0' VSPACE='0'

FRAME SCROLLING='NO' SRC='http://weather.qq.com/inc/ss" + v + ".htm'></IFRAME>");

</SCRIPT>

提示:166是桂林的天气代码,如果要换成其他城市的代码,可到http://weather.qq.com网站,先查询该城市天气代码。方法是在首页查看源码,然后在源码中找到该城市前面的数字就是该城市的代码,替换掉原来的166即可。

代码二:

<IFRAME src="http://appnews.qq.com/cgi-bin/news_qq_search?city=桂林" framejavascript" src="</SCRIPT'>http://extern.t7online.com/javascript/teaser_cncn.js"></script</A>>

三、时钟的添加方法 是时钟样式,更多时钟选项,请参见本站: 多款美女时钟 和    Flash时钟下载

1、登录博客后,点击右上方的“链接管理”。

2、在创建一个链接列表下面的“链接列表名称:”右侧空白框中输入“当前时间”,在选择链接列表类型中取默认“文本书签”,点击“立即创建”。 出现提示后,点击“确定”。

3、在下方的链接列表中找到新建的“当前时间”栏,点击“当前时间”右侧的“编辑”按钮。

4、在出现的新窗口中描述里输入时钟代码即可。

5、时钟代码如下:

  <EMBED src=http://www.59178.com/Twins/Twins07.swf width=150 height=150 type=application/x-shockwave-flash>

提示:width:宽度 height:高度 可根据个人博客实际情况适当调整

   如果想要时钟透明,加入代码: wmode="transparent" 到代码中即可。

http://www.59178.com/Twins/Twins07.swf

四、精品推荐的添加方法 五、音乐欣赏的添加方法 连续播放的音乐制作方法

1、登录博客后,点击右上方的“链接管理”。

2、在创建一个链接列表下面的“链接列表名称:”右侧空白框中输入“精品推荐”,在选择链接列表类型中取默认“文本书签”,点击“立即创建”。 出现提示后,点击“确定”。

3、在下方的链接列表中找到新建的“精品推荐”栏,点击“精品推荐”右侧的“编辑”按钮。

4、在出现的新窗口中描述里输入精品推荐即可。

5、精品推荐代码如下:

<DIV>

<MARQUEE οnmοuseοver=this.stop() οnmοuseοut=this.start() scrollAmount=1 scrollDelay=60 direction=up width=200 height=355>

<DIV style="LINE-HEIGHT: 25px; TEXT-ALIGN: center">

<A href="../1574953.html" target="_blank" rel="external nofollow" >浪漫烟花</A><BR>

<A href="../2657525.html" target="_blank" rel="external nofollow" >庞龙:你是我的玫瑰花</A><BR>

<A href="../2802344.html" target="_blank" rel="external nofollow" >卓玛----草原上的格桑花 </A><BR>

<A href="../1597415.html" target="_blank" rel="external nofollow" >两只乌龟_两只蝴蝶搞笑版</A><BR>

<A href="../2355953.html" target="_blank" rel="external nofollow" >永远等你先挂电话</A><BR>

<A href="../1573459.html" target="_blank" rel="external nofollow" >寻爱中你将遇到四个人</A><BR>

<A href="../1573497.html" target="_blank" rel="external nofollow" >五百次回眸换来今生的擦肩</A><BR>

<A href="../1573728.html" target="_blank" rel="external nofollow" >谁是我们一生中最重要的人</A><BR>

<A href="../1573744.html" target="_blank" rel="external nofollow" >佛祖说出的爱情箴言</A> <BR>

<A href="../1574177.html" target="_blank" rel="external nofollow" >越熟的朋友越会疏忽掉</A><BR>

<A href="../1574383.html" target="_blank" rel="external nofollow" >君生我未生我生君已老</A><BR>

<A href="../1574387.html" target="_blank" rel="external nofollow" >痴情的蝴蝶</A><BR>

<A href="../1571344.html" target="_blank" rel="external nofollow" >讲究与随缘</A><BR>

<A href="../1597922.html" target="_blank" rel="external nofollow" >两只老鼠的感人故事</A><BR>

<A href="../1597824.html" target="_blank" rel="external nofollow" >疯娘</A><BR>

<A href="../1573242.html" target="_blank" rel="external nofollow" >生活随笔</A><BR>

<A href="../1573268.html" target="_blank" rel="external nofollow" >请记住这有价值的25句话</A><BR>

<A href="../1574311.html" target="_blank" rel="external nofollow" >值得珍藏的80句话</A><BR>

<A href="../2251123.html" target="_blank" rel="external nofollow" >MTV音乐欣赏</A><BR>

<A href="../2375436.html" target="_blank" rel="external nofollow" >百篇朗诵Flash</A><BR>

<A href="../2375400.html" target="_blank" rel="external nofollow" >配乐诗朗诵</A><BR>

<A href="../2375275.html" target="_blank" rel="external nofollow" >悠扬乐音</A><BR>

<A href="../2375080.html" target="_blank" rel="external nofollow" >FlashMTV音乐不断</A><BR>

<A href="../2131900.html" target="_blank" rel="external nofollow" >龙飘飘141歌曲欣赏</A><BR>

<A href="../2131116.html" target="_blank" rel="external nofollow" >邓丽君专辑欣赏</A><BR>

<A href="../2127037.html" target="_blank" rel="external nofollow" >1980-2004 经典好歌百首</A><BR>

<A href="../2128397.html" target="_blank" rel="external nofollow" >民歌金曲 </A><BR>

<A href="../1574913.html" target="_blank" rel="external nofollow" >葫芦丝曲欣赏</A><BR>

<A href="../1597345.html" target="_blank" rel="external nofollow" >梁祝音乐全集欣赏</A><BR>

<A href="../1575947.html" target="_blank" rel="external nofollow" >在线听音乐A</A><BR>

<A href="../1575951.html" target="_blank" rel="external nofollow" >在线听音乐B</A><BR>

<A href="../1576039.html" target="_blank" rel="external nofollow" >在线听音乐C</A><BR>

<A href="../1936005.html" target="_blank" rel="external nofollow" >在线听音乐D</A><BR>

<A href="../2214525.html" target="_blank" rel="external nofollow" >FlashMTM_A</A><BR>

<A href="../2141518.html" target="_blank" rel="external nofollow" >FlashMTV_B</A><BR>

<A href="../1747017.html" target="_blank" rel="external nofollow" >FlashMTV_C</A><BR>

<A href="../2215040.html" target="_blank" rel="external nofollow" >FlashMTV_D</A><BR>

<A href="../2486459.html" target="_blank" rel="external nofollow" >在线音乐欣赏</A><BR>

<A href="../2566631.html" target="_blank" rel="external nofollow" >好歌好曲随你听</A><BR>

<A href="../2651209.html" target="_blank" rel="external nofollow" >FLASH音乐集锦(一)</A><BR>

<A href="../2651720.html" target="_blank" rel="external nofollow" >FLASH音乐集锦(二)</A><BR>

<A href="../2559613.html" target="_blank" rel="external nofollow" >歌声不断</A><BR>

</DIV></MARQUEE></DIV>

提示:链接替换成你自己的就可以了!

1、登录博客后,点击右上方的“链接管理”。

2、在创建一个链接列表下面的“链接列表名称:”右侧空白框中输入“音乐欣赏”,在选择链接列表类型中取默认“文本书签”,点击“立即创建”。 出现提示后,点击“确定”。

3、在下方的链接列表中找到新建的“音乐欣赏”栏,点击“音乐欣赏”右侧的“编辑”按钮。

4、在出现的新窗口中描述里输入音乐欣赏即可。

5、音乐欣赏代码如下:

<DIV align=center><IMG src="http://myok.bokee.com/inc/myoksound.gif"></DIV><BR><DIV><EMBED src="http://88652188.blogchina.com/inc/20050826music.jpg " width=198 height=45 type=audio/mpeg loop="true" autostart="true"></DIV>

提示:第一句是插入图片;第二句是插入音乐播放的代码。可根据自己的需要修改宽度、高度和音乐链接地址。连续播放音乐的设置方法请参见本站的:

六、为您服务的添加方法 七、邮箱快速登录的添加方法 八、搜索查询的添加方法 九、LOGO论坛留言的添加方法 十、滚动新闻的添加方法 十一、滚动条的添加方法

1、登录博客后,点击右上方的“链接管理”。

2、在创建一个链接列表下面的“链接列表名称:”右侧空白框中输入“为您服务”,在选择链接列表类型中取默认“文本书签”,点击“立即创建”。 出现提示后,点击“确定”。

3、在下方的链接列表中找到新建的“为您服务”栏,点击“为您服务”栏右侧的“编辑”按钮。

4、在出现的新窗口中描述里输入为您服务代码即可。

5、为您服务代码如下:

<DIV class=mysever align=center>

<UL>

<LI><A href="http://www.baidu.com/life/#phone" target="_blank" rel="external nofollow" ><IMG src=http://myok.blogchina.com/inc/b1.gif width=85 border=0></A></LI>

<LI><A href="http://www.baidu.com/life/#cellphone" target="_blank" rel="external nofollow" ><IMG src=http://myok.blogchina.com/inc/b8.gif width=85 border=0></A></LI>

<LI><A href="http://www.baidu.com/life/#traffic" target="_blank" rel="external nofollow" ><IMG src=http://myok.blogchina.com/inc/b2.gif width=85 border=0></A></LI>

<LI><A href="http://trip.sina.com.cn/" target="_blank" rel="external nofollow" ><IMG src=http://myok.blogchina.com/inc/b9.gif width=85 border=0></A></LI>

<LI><A href="http://www.baidu.com/life/" target="_blank" rel="external nofollow" ><IMG src=http://myok.blogchina.com/inc/b3.gif width=85 border=0></A></LI>

<LI><A href="http://eat.sina.com.cn/" target="_blank" rel="external nofollow" ><IMG src=http://myok.blogchina.com/inc/b10.gif width=85 border=0></A></LI>

<LI><A href="http://www.baidu.com/life/#train" target="_blank" rel="external nofollow" ><IMG src=http://myok.blogchina.com/inc/b4.gif width=85 border=0></A></LI>

<LI><A href="Http://www.hao123.com/netbuy.htm" target="_blank" rel="external nofollow" ><IMG src=http://myok.blogchina.com/inc/b11.gif width=85 border=0></A></LI>

<LI><A href="http://www.hao123.com/bankjt.htm" target="_blank" rel="external nofollow" ><IMG src=http://myok.blogchina.com/inc/b5.gif width=85 border=0></A></LI>

<LI><A href="http://www.hao123.com/netbuy.htm" target="_blank" rel="external nofollow" ><IMG src=http://myok.blogchina.com/inc/b12.gif width=85 border=0></A></LI>

<LI><A href="http://www.baidu.com/life/#plane" target="_blank" rel="external nofollow" ><IMG src=http://myok.blogchina.com/inc/b6.gif width=85 border=0></A></LI>

<LI><A href="http://www.hao123.com/fcys.htm" target="_blank" rel="external nofollow" ><IMG src=http://myok.blogchina.com/inc/b13.gif width=85 border=0></A></LI>

<LI><A href="http://www.hao123.com/ylbj.htm" target="_blank" rel="external nofollow" ><IMG src=http://myok.blogchina.com/inc/b7.gif width=85 border=0></A></LI>

<LI><A href="http://www.hao123.com/xing.htm" target="_blank" rel="external nofollow" ><IMG src=http://myok.blogchina.com/inc/b14.gif width=85 border=0></A></LI></UL></DIV>

提示:这里利用了无序列列表功能的技巧,因此需要在模板样式中加入以下语句,可将下列语句加在模板样式的最后,并根据个人博客的不同适当调整。

/*===为您服务========*/

.mysever ul{

margin-left:-18px;

}

.mysever li{

float:left;

width:96px;

background:#CCC;

margin:1px;

line-height:150%;

}

.mysever a{

display:block;

color: #003366;

text-align:center;

}

.mysever a:link{

color:#666;

margin:1px;

background: #FFFFFF;

text-decoration:none;

}

.mysever a:visited{

color:#666;

margin:1px;

background: #FFF8DC;

text-decoration:none;

}

.mysever a:hover{

color:#FFF;

margin:1px;

font-weight:bold;

text-decoration:none;

background: #F00 no-repeat 5px 12px;

}

1、登录博客后,点击右上方的“链接管理”。

2、在创建一个链接列表下面的“链接列表名称:”右侧空白框中输入“邮箱快速登录”,在选择链接列表类型中取默认“文本书签”,点击“立即创建”。 出现提示后,点击“确定”。

3、在下方的链接列表中找到新建的“邮箱快速登录”栏,点击“邮箱快速登录”栏右侧的“编辑”按钮。

4、在出现的新窗口中描述里输入邮箱快速登录代码即可。

5、邮箱快速登录代码如下:

<div align=center>

<form name="loginmail" οnsubmit="function anonymous() {return chkinput2(this);}" action=http://219.129.20.144:8000/sendmail.asp method="post"

target="_blank">

<select tabindex="2" size="1" name="site">

<option value="">请选择你的邮箱</option>

<option value="21cn.com">@21cn.com</option>

<option value="163.net">@163.net</option>

<option value="tom.com">@tom.com</option>

<option value="163.com">@163.com</option>

<option value="vip.163.com">@vip.163.com</option>

<option value="sohu.com">@sohu.com</option>

<option value="263.net">@263.net</option>

<option value="sina.com">@sina.com</option>

<option value="vip.sina.com">@vip.sina.com</option>

<option value="mail.china.com">@mail.china.com</option>

<option value="china.com">@china.com</option>

<option value="netease.com">@netease.com</option>

<option value="yeah.net">@yeah.net</option>

<option value="etang.com">@etang.com</option>

<option value="fm365.com">@fm365.com</option>

<option value="cn.yahoo.com">@yahoo.com.cn</option>

<option value="xinhuanet.com">@xinhuanet.com</option>

<option value="eyou.com">@eyou.com</option>

<option value="email.com.cn">@email.com.cn</option>

<option value="ynmail.com">@ynmail.com</option>

<option value="citiz.net">@citiz.net</option>

<option value="126.com">@126.com网易50M</option>

<option value="elong.com">@elong.com</option></select>

<br />

帐号:<input style="FONT-SIZE: 12px" tabindex="3" size="12" name="user" />

<br />

密码:<input style="FONT-SIZE: 12px" tabindex="3" type="password" size="12" name="pass" />

<input style="FONT-SIZE: 13px; WIDTH: 30px; HEIGHT: 24px" οnclick="function anonymous(){setTimeout('clearpass()',1000)}" tabindex="4" type="submit" size="4" name="Submit2" /></form></div>

1、登录博客后,点击右上方的“链接管理”。

2、在创建一个链接列表下面的“链接列表名称:”右侧空白框中输入“搜索查询”,在选择链接列表类型中取默认“文本书签”,点击“立即创建”。 出现提示后,点击“确定”。

3、在下方的链接列表中找到新建的“搜索查询”栏,点击“搜索查询”栏右侧的“编辑”按钮。

4、在出现的新窗口中描述里输入搜索查询代码即可。

5、搜索查询代码如下:

(一)免费IP地址位置查询代码:

<form name=frmIp1 action="" method=post οnsubmit="deal1(this);return false"><input type=text name=txtIp value="请输入ip地址"><input type=submit name=submit1 value="查询"></form><script>function deal1(obj){window.open("http://www.it315.org/ip/ip_area1.asp?ip="+ obj.txtIp.value,"_blank","top=0,left=0,width=300,height=150,toolbar=no");}</script>

(二)免费手机地理位置查询代码

代码一:

<form method="POST" action=http://www.imobile.com.cn/simcard.php target="_blank">手机号(前7位):<input type="text" name="simcard" size="7"><input type="submit" value="查询"></form>

代码二:

<FORM action=http://www.k688.com/sj/index.php method=post target="_blank">

<input onMouseOver="this.focus()" οnblur="if (this.value =='') this.value='请输入手机号码'" onFocus="this.select()" onClick="if (this.value=='

请输入手机号码') this.value=''" name="m" type="text" id="m2" size="12" value='请输入手机号码'>

<input type="submit" name="Submit" value="手机地址">

<input name="a" type="hidden" id="a2" value="search">

</form>

(3)搜索查询代码

google:

<!--google-->

<div align=center><FORM method=GET action=http://www.google.com/search target=_blank>

<input type=hidden name=ie value=GB2312>

<input type=hidden name=oe value=GB2312>

<INPUT TYPE="hidden" NAME="hl" VALUE="zh-CN">

<A HREF=http://www.google.com/ target=_blank>

<IMG SRC=http://www.google.com/logos/Logo_40wht.gif  ALT="Google" height="20px"></A><INPUT TYPE=text name=q size=12 maxlength=255

value="">

<INPUT type=submit name=btnG VALUE="搜索">

<input type=hidden name=domains value="这里输入你的网站地址"</br>

<input type=radio name=sitesearch value="">全球搜索

<input type=radio name=sitesearch value="这里输入你的网站地址" checked> 本站搜索<br>

</font></FORM></div>

百度:

<!--百度搜索-->

<div align=center><iframe id="baiduframe" vspace="0" hspace="0" marginwidth="0" marginheight="0"

framespacing="0" frame scrolling="no" width="200" height="30"

src=http://unstat.baidu.com/bdun.bsc?tn=dabaoku&cv=1&cid=31577&csid=102&rkcs=2&bgcr=EDEDEB&ftcr=FF0000&rk=1&bd=1&bdas=0>

</iframe></div>

注:我使用的查询IP、手机号、邮编是要注册的,所以在这里没有推荐。

1、登录博客后,点击右上方的“链接管理”。

2、在创建一个链接列表下面的“添加链接列表名称”中输入“LOGO论坛留言”,在选择链接列表类型中取默认”文本书签“,点击”创建新的链接列表“。 出现”确定“提示后,点击”确定“按钮。

3、在左侧新建的链接列表名称”LOGO论坛留言“栏选择”编辑项目“。

4、在出现的新界面中,选择”设置“标签。

5、在出现的新界面”描述“中输入LOGO论坛留言代码即可。

6、LOGO论坛留言代码如下:

<DIV class=mysever align=center>

<UL>

<LI><A herf="http://myok.blogchina.com"><IMG alt=本站LOGO src=http://myok.blogchina.com/inc/myoklogo.gif width=88></A> </LI>

<LI><A href="http://myroom.getbbs.com" target="_blank" rel="external nofollow" ><IMG alt=本站论坛 src=http://myok.blogchina.com/inc/myokbbs.gif width=88></A> </LI>

<LI><A href="http://www.c168.com/ly9/guestbook.asp?user=myroom" target="_blank" rel="external nofollow" ><IMG alt=留言板 src=http://myok.blogchina.com/inc/myoklyb.gif width=88></A> </LI>

<LI><A href="http://www.flashinn.com/gb/myroom" target="_blank" rel="external nofollow" ><IMG alt=涂鸦留言板 src=http://myok.blogchina.com/inc/myoktylyb.gif width=88></A></LI></UL></DIV>

提示:本例同样需要在样式表中添加一段代码。代码同为您服务的代码,如果前面已经添加了,这里仅仅只需引用即可。

  (1)关于LOGO的制做:LOGO其实就是一个图片链接,一般的标准规格是88X31,可到相关网站下载图片或者自己选择图片设计,按照规定的格式就可以了!

  (2)关于论坛:网上免费的论坛有不少,大家可以通过搜索选择你喜欢的论坛申请后,做一个链接即可。

  (3)关于留言板:和论坛一样,搜索申请后做链接即可。需要说明的是,第二个涂鸦留言板是一个FLASH留言板,可以绘画,很有趣,大家不妨一试!

将你搜集到的滚动新闻代码添加到博客介绍中就可以了。

1、登录博客后,选择“参数设置”标签。

2、在新界面中,输入滚动新闻代码即可。

3、滚动新闻代码:

新浪的

:<IFRAME border=0 name=sina_roll marginWidth=0 marginHeight=0 src=http://news.sina.com.cn/o/allnews/input/index.html frameBorder=No

width="100%" scrolling=no height=15></IFRAME>

网易的:

<iframe width="100%" HEIGHT=20 align=center MARGINWIDTH=0 Name=union163com MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0

SCROLLING=no src="http://news2.163.com/news/marq1.jsp?ID=163&NO=0&boxColor=ffffff&txtColor=000000"></iframe>

CCTV:

<iframe src=http://www.cctv.com/homepage/46/index.shtml; name="express" width="100%" height="20" marginwidth="0" marginheight="0" frame

scrolling="no"></iframe>

其他:

代码一:新闻

<iframe frame100%" height=20></iframe>

代码二:娱乐

<iframe frameborder=0 leftmargin=0 marginheight=0 marginwidth=0 scrolling=no src=http://www.tv868.com/xinwen/012.htm topmargin=0

width="100%" height=20></iframe>

sohu

加综合新闻

<iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no

SRC='http://links.news.sohu.com/scscne002.html?uid=73916&fid=scscne002'></iframe>

体育新闻

<iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no

SRC='http://links.news.sohu.com/scscsp002.html?uid=73916&fid=scscsp002'></iframe>

汽车新闻

<iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no

SRC='http://links.news.sohu.com/scscau002.html?uid=73916&fid=scscau002'></iframe>

娱乐新闻

<iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no

SRC='http://links.news.sohu.com/scscen002.html?uid=73916&fid=scscen002'></iframe>

财经新闻

<iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no

SRC='http://links.news.sohu.com/scscbu002.html?uid=73916&fid=scscbu002'></iframe>

IT新闻

<iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no

SRC='http://links.news.sohu.com/scscit002.html?uid=73916&fid=scscit002'></iframe>

旅游新闻

<iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no

SRC='http://links.union.sohu.com/scsctr002.html?uid=73916&fid=scsctr002'></iframe>

教育新闻

<iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no

SRC='http://links.news.sohu.com/scscle002.html?uid=73916&fid=scscle002'></iframe>

健康新闻

<iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no

SRC='http://links.news.sohu.com/scsche002.html?uid=73916&fid=scsche002'></iframe>

文化新闻

<iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no

SRC='http://links.news.sohu.com/scsccu002.html?uid=73916&fid=scsccu002'></iframe>

旅游新闻

<iframe WIDTH=100% HEIGHT=20 MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=no

SRC='http://links.news.sohu.com/scsctr002.html?uid=73916&fid=scsctr002'></iframe>

1、登录博客后,选择“模板设置”标签。

2、选择模板标签下的”模板DIV“或者下面的当前选择的模板中的”首页“进入模板样式设计。

3、加入滚动条代码即可。

4、滚动条代码如下(可加在样式表最后):

/*====最新评论滚动条====*/

#remark.operation ul{

  height:300px;

  overflow: auto;

scrollbar-face-color : threedhighlight;

  width: 195px;

  text-align: left;

  margin: 0px 0px 0px 5px;

  padding: 0;

  }

/*====在线留言滚动条====*/

.guestBook ul{

  height:310px;

  overflow: auto;

scrollbar-face-color : threedhighlight;

  width: 195px;

  text-align: left;

  margin:0px 0px 0px 5px;

 padding: 0;

  }  

     /*====最新文章滚动条====*/

#newWeblog.operation ul{

  height:140px;

  overflow: auto;

scrollbar-face-color : threedhighlight;

  width: 195px;

  text-align: left;

  margin: 0px 0px 0px 5px;

  padding: 0;

}

提示:宽度width、高度height可自行调整,滚动条颜色设置如下:

SCROLLBAR-FACE-COLOR: #FFFFFF; //滚动条凸出部分的颜色

SCROLLBAR-HIGHLIGHT-COLOR: #FF0000;//滚动条空白部分的颜色

SCROLLBAR-SHADOW-COLOR: #FFFF00;//立体滚动条阴影的颜色

SCROLLBAR-3DLIGHT-COLOR: #FF00FF;//滚动条亮边的颜色

SCROLLBAR-ARROW-COLOR: #0000FF;//上下按钮上三角箭头的颜色

SCROLLBAR-TRACK-COLOR: #00FF00//滚动条的背景颜色

SCROLLBAR-DARKSHADOW-COLOR: #000000;//滚动条强阴影的颜色

SCROLLBAR-BASE-COLOR: #FEFEFE;//滚动条的基本颜色

十二、头部图片的替换

1、预先选择设计好自己喜欢的图片,并且使设计的图片宽度和高度与原模板图片一致。这样可以避免修改模板带来的不必要的麻烦。

2、设计好后,上传到博客空间里(这样可以保证速度),注意命名要易记不重名。

3、进入到模板DIV,以首页为例。找到头部代码“div#header{” 中的“background-image:  url(/myok/inc/head.jpg);”,如果没有可新增一行该代码。

4、将其中的链接替换你上传的图片链接即可。

十三、背景颜色或图片的替换

1、登录博客后,选择模板设置。

2、选择”模板DIV“(以首页为例)。

整体大背景

a.在CSS代码中找到代码Body。

b.如果是修改背景颜色,找到background-color: #XXXXXX;,用你喜欢的背景颜色代码替换掉原来的即可。

c.如果是修改背景图片(注:使用了背景图片后,背景颜色将失效),找到background-image: url(http://XXX.XXXXX.XXX/XXX.jpg);将图片替换成你喜欢的背景图片链接即可。

日志背景:

a.找到日志主体div.entity{ 中的background-color: #XXXXXX;(背景颜色),或者background-image: url(http://XXX.XXXXX.XXX/XXX.jpg)(背景图片);,用自己中意的背景颜色和图片替换掉即可。如果没有该二行代码,可自行添加。

侧边栏背景:

a.需要分别将各侧边栏(在你的博客中显示出来的),添加上述代码,并换成自己中意的背景颜色和图片即可。

十四、博客介绍栏的设置 十五、修改标题栏图片背景的方法 十六、新窗口打开链接的方法 十七、鼠标特效的设置方法

博客介绍栏位于HTML的<head>和</head>之间,我们可以利用起来做很多事情。只要在规定的字符数内,尽可展示你的所学与才华!我在这里仅仅介绍一下博客介绍栏背景图片、颜色及高度的修改。

1、登录博客后,选择模板设置。

2、选择”模板DIV“(以首页为例)。

3、找到Blog介绍中的div#blogContent{代码,添加或修改相应的background-color: #XXXXXX;(背景颜色),或者background-image: url

(http://XXX.XXXXX.XXX/XXX.jpg)(背景图片)代码即可;

4、修改博客介绍的高度值,只需找到height:XXXpx;,修改相应值即可。

1、登录博客后,选择模板设置。

2、选择”模板DIV“(以首页为例)。

3、找到每一栏的标题中的H4,修改其中的  background-color: #XXXXXX;和 background-image: url(http://XXX.XXXXX.XXX/XXX.jpg);即可。

4、栏目标题的修改需要找到栏目中的代码div#category{,添加或者修改其中的 background-color: #XXXXXX;和 background-image: url

(http://XXX.XXXXX.XXX/XXX.jpg);即可。

1、登录博客后,选择模板设置。

2、选择”模板DIV“(以首页为例)。

3、再CSS最后添加如下代码:

a:active {

text:expression(target="_blank");

}

1、登录博客后,选择模板设置。

2、选择”模板DIV“(以首页为例)。

3、找到代码Body,在其中添加鼠标特效代码即可。

4、代码格式如下:

                    cursor:url(' http://a5877088.blogbus.com/files/1117545441.cur ');

十八、隐藏首页部分显示的方法  

隐藏头部博客名称显示的方法:如果你想在首页隐去头部博客名称的显示,请登录博客后,进入到模板管理,找到首页模板CSS中的“h1{”,然后紧跟在后面添加代码display:none;即可。

隐藏首页文章横条显示方法:如果你想在首页隐去日志上方有文章二字的横条显示,请登录博客后,进入到模板管理,找到首页模板CSS中的“h4.textDiary{”,然后紧跟在后面添加代码display:none;即可。

隐藏作者头像的方法:如果你想在首页隐去作者头像复的显示,请登录博客后,进入到模板管理,找到首页模板CSS中的“div#myPhoto{ ”,然后紧跟在后面添加代码display:none;即可。

隐藏博客年度索引的方法:如果你想在首页隐去博客年度索引的显示,请登录博客后,进入到模板管理,找到首页模板CSS中的“div#blogIndex{ ”,然后紧跟在后面添加代码display:none;即可。

隐藏底部版权信息的方法:如果你想在首页隐去底部版权信息的显示,请登录博客后,进入到模板管理,找到首页模板CSS中的“div#footer a{”,然后紧跟在后面添加代码display:none;即可。

隐藏作者及回复显示方法:如果你想在首页隐去日志底部有关作者和回复的显示信息的话,请登录博客后,进入到模板管理,找到首页模板CSS中的“p.diaryFoot{”,然后紧跟在后面添加代码display:none;即可。

隐藏日志标题的方法:如果你想隐去首页日志的标题显示,可登录博客后,进入到模板管理,找到首页模板CSS中的“h5.diaryTitle{”,然后紧跟其后添加代码display:none;即可!

隐藏目录栏目显示的方法:如果你想隐去首页日志的标题显示,可登录博客后,进入到模板管理,找到首页模板CSS中的“div#category a{”,然后紧跟其后添加代码display:none;即可!

注:

1、如果模板中没有找到对应的代码,可在最后增加该代码内容!

2、有其他需要隐藏的地方,很简单,你只需要登录博客后,进入模板样式将与该栏相对应的代码用display:none;屏幕掉即可。

    举例:我想屏幕掉头部,只需找到代码div#header将其中的代码去掉,换成display:none;即可。因涉及栏目较多,在此不一一列举,可参照尝试。