天天看點

部落格代碼大全

一、公告欄的添加方法 二、天氣查詢的添加方法 三、時鐘的添加方法
四、精品推薦的添加方法 五、音樂欣賞的添加方法 六、為您服務的添加方法
七、郵箱快速登入的添加方法 八、搜尋查詢的添加方法 九、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;即可。因涉及欄目較多,在此不一一列舉,可參照嘗試。