一、公告欄的添加方法 二、天氣查詢的添加方法 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;即可。因涉及欄目較多,在此不一一列舉,可參照嘗試。 |