博客實用代碼

對不起 我愛你 的 教你裝飾你的博客 代碼大全

一,基本代碼

1)貼圖:<img src="圖片地址">2)加入連接:<a href="所要連接的相關地址">寫上你想寫的字</a>3)在新窗口打開連接:<a href="相關地址" target="_blank">寫上要寫的字</a>4)移動字體(走馬燈):<marquee>寫上你想寫的字</marquee>5)字體加粗:<b>寫上你想寫的字</b>6)字體斜體:<i>寫上你想寫的字</i>7)字體下劃線: <u>寫上你想寫的字</u>字體刪除線: <s>寫上你想寫的字</s>9)字體加大: <big>寫上你想寫的字</big>10)字體控制大小:<h1>寫上你想寫的字</h1> (其中字體大小可從h1-h5,h1最大,h5最小)11)更改字體顏色:<font color="#value">寫上你想寫的字</font>(其中value值在000000與ffffff(16位進位)之間12)消除連接的下劃線:<a href="相關地址" style="text-decoration:none">寫上你想寫的字</a>13)貼音樂:<embed src="音樂地址" width_="寬度" height="高度" autostart=false>14)貼flash: <embed src="flash地址" width_="寬度" height="高度">15)貼影視文件:<img dynsrc="文件地址" width_="寬度" height="高度" start=mouseover>16)換行:<br>17)段落:<p>段落</p>1原始文字樣式:<pre>正文</pre>19)換帖子背景:<body background="背景圖片地址">20)固定帖子背景不隨滾動條滾動:<body background="背景圖片地址" bodybgproperties=fixed>21)定製帖子背景顏色:<body bgcolor="#value">(value值見10)22)帖子背景音樂:<bgsound="背景音樂地址" loop=infinite>

二,製作滾動字幕

1.上下滾動:

小時侯鄉愁是一枚小小的郵票我在這頭母親在那頭長大後鄉愁是一張窄窄的船票我在這頭新娘在那頭後來呵鄉愁是一方矮矮的墳墓我在外頭母親呵在裡頭而現在鄉愁是一灣淺淺的海峽我在這頭大陸在那頭

代碼:<MARQUEE style="FONT-SIZE: 12px; WIDTH: 132px; COLOR: rgb(34,34,221); LINE-HEIGHT: 17px; HEIGHT: 125px" scrollAmount=1 scrollDelay=1 direction=up height=125>這裡是文字<BR></MARQUEE>

2.左右滾動:

放入代碼後,點擊這裡就會出現文字編輯框.然後編輯你自己的文字就可以了。

代碼:<marquee direction="left" scrollamount="1" scrolldelay="10" border="0" width_=500 >

說明:此代碼在IE瀏覽器中使用效果較好,在火狐等其他瀏覽器中可能出現文字不滾動等問題。

三,為博客添加一個計數器

網易為我們提供了一個訪客統計的模塊,但這個統計是忽略用戶的IP地址,也就是這個統計也記錄相同的IP地址的訪問。我們在編輯博客時,需要不斷的在編輯和預覽的狀態下進行切換,我們在預覽狀態下的訪問博客也被網易博客的計數器記錄下來了。例如,我添加的計數器統計有111位(唯一IP)網友訪問了我的博客,但網易博客上的計數器卻顯示有164人訪問(這其中有不少是我自己訪問的),差別不小。 下面給大家介紹如何申請個性化的計數器:1.進入如下網站:http://www.amazingcounter.com/;2.點擊網站左上角的「

」進入申請頁面;3.有很多種類的計數器供選擇:

這只是一個種類,網頁的下面還有許多種類供選擇:

可以點擊上面的鏈接選擇其他種類,然後點擊下面的「

」進入下一步;4.填寫相關資料:

說明:統計類型分為All Hits——所有訪問(即忽略IP,記錄所有的頁面訪問數目)、Unique Visits Only——單一IP (只記錄單一IP的訪問)然後選中下面的Agreement,表示同意服務條款,點擊「

進入下一步;5.好了,你的計數器已經申請成功了!在網頁的中間就會看到你的代碼,把代碼複製下來粘貼的自定義HTML中即可。

四,添加播放器

網易博客已經提供了一個播放器版塊,還有在自定義HTML中也可以添加播放器,下面在給大家介紹一種在自定義HTML中添加播放器的代碼。1.不使用播放器代碼:<BGSOUND src="音樂文件地址" loop=infinite> 代碼說明:藍色部分為音樂文件的地址,由於此代碼不使用播放器,所以可以加入文章中的源代碼後,變成某個文章的背景音樂。 2.Windows Media Player:效果圖片:(由於網易博客中不支持某些HTML語言,所以此播放器無法在日誌中顯示,因此這裡使用圖片代替)

代碼:<DIV><OBJECT height=185 width_=179 classid=CLSID:6BF52A52-394A-11D3-B153-00C04F79FAA6><PARAM VALUE="音樂文件地址"><PARAM VALUE="infinite"><PARAM VALUE="1"><PARAM VALUE="50"><PARAM VALUE="full"><PARAM VALUE="1"></OBJECT></DIV>代碼說明:藍色部分為音樂文件的地址,綠色的數字表示是否自動播放,更改為"0"時不會自動播放,"1"的時候是自動播放。3.萬能播放器代碼效果圖片:

代碼:<DIV><EMBED style="BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; BORDER-LEFT: #666666 1px solid; BORDER-BOTTOM: #666666 1px solid" codeBase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,0,5,0803 src=音樂文件地址 width_=179 height=185 type=application/x-oleobject classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" standby="Loading Windows Media Player components..." loop="3"></EMBED></DIV>代碼說明:紫色部分為音樂文件的地址,藍色數字聞為重複播放次數,可替換成你想要的數字,如果需要改成永久循環可以修改為"infinite"。

五,製作個性名片

編輯-排版-模塊-添加自定義 HTML <table ><tr><td style="padding: 2px;"><img style="border: 1px solid rgb(153, 153, 153); width: 140px; height: 140px;"src=頭像圖片地址></td><td valign="top"><table ><tr><td><img src="/style/common/gg.gif"></td></tr><tr><td><div style="font-weight: bold;font-size:16px;"><a href="郵箱地址">你的名字</a></div></td></tr><tr><td><div>年齡,星座</div></td></tr><tr><td><div>詳細地址</div>

由於我只用QQ 所以我只會加QQ在線交談按鈕: QQ個人設置-右下角<生成在線狀態> 進去填寫好資料後生成網頁代碼然後全複製過來.

QQ狀態生成頁面:http://is.qq.com/webpresence/code.shtml

最後記得把網易自帶的名片隱藏哦..

六,訪問者停留時間計數器

編輯-排版-模塊-添加自定義HTML 然後把 <p align=center>您在這裡停留了:</p><p align=center><IMG height=20 src="https://www.getit01.com/getimg_360.php?url=http://album.sina.com.cn/pic/4723cdbf020002uq" width_=15><IMG height=20 src="https://www.getit01.com/getimg_360.php?url=http://album.sina.com.cn/pic/4723cdbf020002up" width_=15>&nbsp;分&nbsp;<IMG height=20 src="https://www.getit01.com/getimg_360.php?url=http://album.sina.com.cn/pic/4723cdbf020002uo" width_=15><IMG height=20 src="https://www.getit01.com/getimg_360.php?url=http://album.sina.com.cn/pic/4723cdbf020002un" width_=15>&nbsp;秒</p> 複製上去

還有一個這個比較好看點 <DIV align=center><IMG height=73 src="https://www.getit01.com/getimg_360.php?url=http://album.sina.com.cn/pic/4723cdbf020002ub" width_=32 border=0><IMG height=73 src="https://www.getit01.com/getimg_360.php?url=http://album.sina.com.cn/pic/4723cdbf020002uc" width_=88 border=0><BR><IMG height=47 src="https://www.getit01.com/getimg_360.php?url=http://album.sina.com.cn/pic/4723cdbf020002ud" width_=32 border=0><IMG height=47 src="https://www.getit01.com/getimg_360.php?url=http://album.sina.com.cn/pic/4723cdbf020002ue" width_=88 border=0></DIV><BR>

其中的"您在這裡停留了:" 是可以更改的(比如: 你在我的小窩裡停留了: 等等)

七,顯示來訪者IP的代碼

編輯-排版-模塊-添加自定義HTML

第一個: <P align=center><IMG src=http://hmrmyy.com/sign.aspx/></P>第二個:<P align=center><IMG src=http://www.myelogo.com/elogo_user/2.jpg></P>我會繼續尋找比較好看的,大家先將就用這2個吧

八,友情連接

編輯-排版-模塊-添加自定義HTML 然後把<marquee behavior="scroll" direction=right width_="90%" height="100" scrollamount="2" scrolldelay="30" ><a target="cont" href="對方地址"><img src="對方圖片" width_="100" height="100" border="0"></a></marquee> 複製上去就行了.

要想加多個的話就把<a target="cont" href="對方地址"><img src="對方圖片" width_="100" height="100" border="0"></a> 加在最後那個</marquee>的前面

其中的 direction= 是圖片移動方向 up down right left 任意添寫

九,首頁FLASH與日誌里的FLASH

1)首頁FLASH: 找到FLASH地址 後點編輯-排版-模塊-添加自定義HTML- 點 Flash複製進去就行了 這個很簡單

(2)日誌里的FLASH: 好多朋友多說為什麼我把代碼粘貼到日誌里但就是顯示不出FLASH呢? 我現在就告訴你 因為你忘記點下面那個 <代碼> 了 必須先點一下代碼後再複製上去.

日誌里FLASH的代碼是:

<EMBED pluginspage=http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash src= FLASH地址 width_=800 height=600 type=application/x-shockwave-flash quality="high">

十,一款很棒的播放器

此播放器可以自動播放而且可以連續播放多首歌曲 皮膚也超漂亮

申請地址http://www.einhand.com/ 申請後進去選個自己喜歡的皮膚 然後把代碼複製回來 加歌曲也是在那裡加

如果大家想在播放器後面家上背景圖片的話就打 <TABLE style="WIDTH: 706px; HEIGHT: 164px" borderColor=#00fa9a height=164 width_=706 align=center background=背景圖片border=3><TBODY><TR><TD>

這些複製在前面 把播放器代碼複製在後面 剛研究出來 呵呵

十一,透明播放器代碼

<TABLE style="FILTER: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)xray(); WIDTH: 200px; HEIGHT: 40px"><TBODY><TR><TD><EMBED style="BORDER-RIGHT: silver 1px solid; BORDER-TOP: silver 1px solid; BORDER-LEFT: silver 1px solid; BORDER-BOTTOM: silver 1px solid" src=歌曲地址 width_=200 height=30 type=audio/x-mplayer2 loop="-1" autostart="0" volume="0" EnableContextMenu="0" showstatusbar="0" console="video"></TD></TR></TBODY></TABLE>

十二,為日誌添加一個滾動條

預覽:

小時侯鄉愁是一枚小小的郵票我在這頭母親在那頭長大後鄉愁是一張窄窄的船票我在這頭新娘在那頭後來呵鄉愁是一方矮矮的墳墓我在外頭母親呵在裡頭而現在鄉愁是一灣淺淺的海峽我在這頭大陸在那頭

代碼:

</A><DIV style="OVERFLOW-Y: auto; OVERFLOW-X: hidden; WIDTH: 698px; HEIGHT: 125px"><P align=left>這裡是文字</P></DIV><BR>

十三,為博客添加一個Flash時鐘

在你的博客側邊欄中添加一個精美的flash時鐘,會使你的博客更加漂亮。(注意:此代碼只能放在自定義HTML模板內,如果放在日誌里會被網易系統自動清除)

代碼:

<DIV><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=時鐘地址 width_=188 height=188 type=application/x-shockwave-flash quality="high" wmode="transparent"></EMBED></DIV>或者:<DIV><CENTER><EMBED src=時鐘地址 width_=188 height=188 type=application/octet-stream></CENTER></DIV>對於網易博客,還可以在自定義的HTML模板內,點擊「Flash」,在彈出的對話框中粘貼上時鐘的地址。時鐘地址:http://www.aswis.net/100000/clock/把以上一個地址複製--粘貼到地址欄中,然後按回車觀看效果,看完一個,改變"clock1"中的數字,140個時鐘,找到自己喜歡的了,把地址覆蓋粘貼在上面代碼中"時鐘地址"上。十四,發表彩色文字的日誌雖然網易提供了許多種文字的顏色供選擇,但只是一個字一種顏色,現在給大家介紹一種方法,可以讓一個字變成五顏六色的,先看下面一段文字:這是一套可以將文字變成五彩繽紛的彩色文字處理軟體,顏色可自由搭配,單擊滑鼠左鍵,在彈出的對話框里選擇你所需要的顏色;單擊滑鼠右鍵將會選取您的桌面的顏色,而且可以隨時的預覽,並且可以直接產生在論壇上用的BB CODE 及做網頁用的的 HTML TAG的代碼,美化網頁。怎麼樣?挺漂亮的吧!這還得歸功於一款文字顏色處理軟體——好色機器。軟體無需安裝,下載後即可使用。軟體界面:

下載地址:http://muscad.chinamofile.com/6246215907733052/3202116032737606/10/C147C6F89BF1DD029F962803F1EE6F43/%E5%A5%BD%E8%89%B2%E6%9C%BA%E5%99%A8.rar下載完畢打開後,按照以下步驟進行:1.單擊左上角的下拉框,選擇選擇色彩漸變形式,「基本型一」……「基本型四」……「專業型」等;2.在左邊的調色欄中選擇顏色;3.在右上方輸入文字;4.按下「轉換&預覽」(即中間的按鈕),預覽窗內即會出現漸變彩色文字;5.點擊預覽框下面的「HTML Tag」按鈕,得到代碼,在編輯新日誌時,在「代碼」狀態下,將剛才複製的代碼粘貼上去即可。十五,兩隻漂亮的蝴蝶代碼效果:

n

代碼:<DIV color=#0000ff><DIV style="BORDER-COLLAPSE: separate; DISPLAY: inline; LEFT: 300px; TABLE-LAYOUT: auto; TOP: 126px">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n

bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <IMG align=right height=69 src="https://www.getit01.com/getimg_360.php?url=http://storage.msn.com/x1pgliP38XxBL3nMF-HjFnMTY45YHz_CEMJsn5BP-C8p7jSA--2SYfcMIOFwI5OooYsDSiCyJ1Ngkl7G28pbEKaRKgh9aw1pFw55KmNJnlZtZq-JO8UC7yTpg" width_=75>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb

sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <FONT color=#ffffff>n<IMG align=right height=69 src="https://www.getit01.com/getimg_360.php?url=http://storage.msn.com/x1pgliP38XxBL3nMF-HjFnMTY45YHz_CEMJsn5BP-C8p7jSA--2SYfcMIOFwI5OooYsDSiCyJ1Ngkl7G28pbEKaRKgh9aw1pFw55KmNJnlZtZq-JO8UC7yTpg" width_=75></FONT></DIV></FONT><FONT color=#ff9900><DIV

代碼說明:代碼中的紅色字體為兩隻蝴蝶的位置,可以改為「right」、「centre」、「left"」。

十六,其他未整理的代碼

1.顯示日曆

(1)效果:

代碼:<P align=center><IMG height=26 src="https://www.getit01.com/getimg_360.php?url=http://www.hongen.com/pub/date/date.png" width_=126></P>

(2)效果:

[AD] [AD] [AD] [AD]代碼:<P><IMG src="https://www.getit01.com/getimg_360.php?url=http://www.csufresno.edu/cgi-bin/Count.cgi?display=date&dd=A" border=0></P>這個代碼是按照美國東部時間設計的,共有五種款式,修改「dd=」後面的代碼 A 為 B、C、D 或 E 即可。(3)效果:

代碼:<P><IMG src="https://www.getit01.com/getimg_360.php?url=http://escati.linkopp.net/cgi-bin/date.cgi?trgb=red&srgb=red&prgb=red&timezone=GMT

-0500" border=0></P>

2.顯示時鐘、訪客計時器

時鐘的代碼已經在前一篇日誌中介紹過,現在介紹一種新的靜態時鐘。

(1)效果:

代碼:

<img src="https://www.getit01.com/getimg_360.php?url=http://escati.linkopp.net/cgi-bin/clock.cgi?trgb=000000&srgb=00ff00&prgb=221100&t

imezone=GMT-0800" border=0>

(2)效果:

您已經在本站逗留了

,謝謝光臨!代碼:

<P><IMG src="https://www.getit01.com/getimg_360.php?url=http://img451.imageshack.us/img451/5681/17sw.gif" border=0 width_="67" height="70"><IMG src="https://www.getit01.com/getimg_360.php?url=http://img451.imageshack.us/img451/2654/26mf.gif" border=0 width_="33" height="70"><IMG src="https://www.getit01.com/getimg_360.php?url=http://img451.imageshack.us/img451/7677/38qp.gif" border=0 width_="33" height="70"><IMG src="https://www.getit01.com/getimg_360.php?url=http://img451.imageshack.us/img451/4378/42zs.gif" border=0 width_="85" height="70"></P>

這樣就可以提示訪客所訪問的時間,而且和以前的計時器比起來做得更精緻些。(注意:複製代碼的時候,要把<IMG>語句之間的空格去掉,不然就會顯得四分五裂一樣)

3.顯示訪客IP地址:

(1)效果:

代碼:<P align=center><IMG src="https://www.getit01.com/getimg_360.php?url=http://www.hotik.com/sign.png"></P>

2.效果:

代碼:<P align=center><IMG src=http://www.danasoft.com/vipersig.jpg></P>3.效果:

代碼:<P align=center><IMG src=http://www.myelogo.com/elogo_user/2.jpg></P>文章來源:http://atiger.spaces.live.com/Blog/cns!1pULH0I9hEReHUZ6MWvfMq5w!300.entry

十七,最後為大家介紹兩個好網站

1),素材網,裡面好多漂亮的圖片哦: http://www.3lian.com/

2),各類圖標在線生成網站,非常不錯:http://www.eoool.com/

推薦閱讀:

教你如何搭配衣服,很實用,男女必備!! - Qzone日誌
漂亮實用的網易信紙 (共24款)
如何說服「愛鑽牛角尖」的人(太實用了)
峨嵋三十六閉手實用法(四)

TAG:代碼 | 博客 | 實用 |