一.怎么在博客中添加代碼？
登陸您的賬號(hào)，按下列順序在查找并操作即可：
?。?，編輯狀態(tài)----排版----模板----自定義,創(chuàng)建模塊標(biāo)題，復(fù)制粘貼編寫代碼----保存并返回；
２，編輯狀態(tài)----排版----模板----自定義----點(diǎn)選創(chuàng)建好的模塊標(biāo)題---勾上并保存，移動(dòng)新建面板位置--保存設(shè)置。做第二步的目的是將建立好的模塊在博客個(gè)人首頁里呈現(xiàn)出來。
二.如何在日志里添加帶圖案的寫字框：
點(diǎn)擊日記下方的代碼輸入以下代碼：
<DIV align=center>
<CENTER>
<TABLE height=499 cellSpacing=1 width=496 background=http://image4.360doc.com/DownloadImg/2009/8/4/102648_4662447_2 border=0>
<TBODY>
<TR>
<TD width=496 colSpan=3 height=67> </TD></TR>
<TR>
<TD width=87 height=420 rowSpan=2> </TD>
<TD width=312 height=315>
<P align=center></P>
<DIV style="BORDER-RIGHT: white 2px solid; BORDER-TOP: white 2px solid; SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; OVERFLOW: scroll; BORDER-LEFT: white 2px solid; WIDTH: 305px; SCROLLBAR-SHADOW-COLOR: #ffffff; COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #008000; BORDER-BOTTOM: white 2px solid; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; HEIGHT: 280px; BACKGROUND-COLOR: #ffffff" align=left>
<P align=left><FONT color=#008000>點(diǎn)擊旁邊的箭頭,</FONT></P>
<P align=left><FONT color=#008000>就可以瀏覽文章.</FONT></P>
<P align=left><FONT color=#008000>發(fā)表文章時(shí),</FONT></P>
<P align=left><FONT color=#008000>在顯示源代碼前面打勾</FONT></P>
<P align=left><FONT color=#008000>然后粘貼此邊框代碼</FONT></P>
<P align=left><FONT color=#008000>再把勾去掉</FONT></P>
<P align=left><FONT color=#008000>在邊框內(nèi)添加上自己的文字即可^_^</FONT></P>
<P align=left><FONT color=#008000>如有問題,請(qǐng)留言給xxx!</FONT></P><FONT color=#6699ff>
<P align=left> </P></DIV>
<DIV align=left><FONT color=#6699ff></FONT> </DIV></FONT></TD>
<TD width=74 height=420 rowSpan=2> </TD></TR>
<TR>
<TD width=312 height=103> </TD></TR></TBODY></TABLE></CENTER></DIV>
效果顯示如下:
| |
| |
點(diǎn)擊旁邊的箭頭,
就可以瀏覽文章.
發(fā)表文章時(shí),
在顯示源代碼前面打勾
然后粘貼此邊框代碼
再把勾去掉
在邊框內(nèi)添加上自己的文字即可^_^
如有問題,請(qǐng)留言給xxx!
|
|
| |
三.幾款播放器及美化效果
代碼如下:
1.迷你形
<DIV>
<CENTER><EMBED style="BORDER-RIGHT: #666666 1px solid; BORDER-TOP: #666666 1px solid; FILTER: wave(); 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=47 type=application/x-oleobject loop="true" autostart="true" standby="Loading Windows Media Player components..." classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"></EMBED></CENTER></DIV>
1.美化形
<EMBED style="FILTER: Xray" src=音樂地址 width=300 height=45 type=audio/mpeg loop="- 1" autostart="false" volume="0">
備注:代碼說明：
1 WIDTH代表播放器寬度，HEIGHT代表高度，后面的數(shù)值可依自己喜好進(jìn)行調(diào)整。
2 AUTOSTART="TRUE" 這里TRUE代表自動(dòng)播放，如果換成FALSE則代表手動(dòng)播放。
四.博客最新超多款精美時(shí)鐘.日歷代碼
精美JS日歷：
| <center><iframe frameborder="no" framespacing="0" src="http://youlan./rili/021/cal.html" scrolling="no" width="164" height="174" border="0" ></iframe></center>
今天推出最新款的東西，看到右邊這個(gè)日歷沒，挺不錯(cuò)的吧，呵呵...這就是從一個(gè)博友那里挖寶挖出來的成果，以上就是它的代碼，不過別急，這只是其中一款，還有其他99種款式大家可以進(jìn)這個(gè)地址里找：http://youlan./pages/cal1.htm 看到你喜歡的樣式，記住它底下的編號(hào)，替換上面那段代碼中紅色的021就可以了。
|
|
精美JS時(shí)鐘：
|
<center><iframe scrolling="no" frameborder="0" width="180" height="75" src="http://youlan./clock/009/clock.htm" allowtransparency="true"></iframe></center>
這個(gè)也是好東西吧，以上就是右邊那個(gè)時(shí)鐘的代碼，還有其他很多樣式大家可以進(jìn)這個(gè)地址里找：http://youlan./pages/clock1.htm 里面每一款都附有代碼。
|
精美FLASH時(shí)鐘：
|
<embed src="http://youlan./flash/flaclo_02.swf" quality="high" wmode="transparent" bgcolor="#ffffff"
width="180" height="180" align="middle"
type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/>
這個(gè)也不賴吧，以上就是右邊那個(gè)時(shí)鐘的代碼，還有其他很多樣式大家可以進(jìn)這個(gè)地址里找：http://youlan./pages/fcl1.htm 進(jìn)去后，看到你喜歡的樣式，在其下方編號(hào)處點(diǎn)擊鼠標(biāo)右鍵，選擇“復(fù)制快捷方式”，然后替換代碼中紅色的“http://youlan./flash/flaclo_02.swf”這個(gè)地址就行了。
|
五 .背景圖片的添加:
代碼如下:
<IMG src="背景圖片鏈接地址" width=圖片寬度值 height=圖片高度值 align=right style="FILTER: alpha(opacity=100, finishOpacity=0,style=2) ">
<DIV style="FILTER: alpha(opacity=45, finishOpacity=45,style=0); FLOAT: left; WIDTH: 文本寬度值">
<DIV style="LINE-HEIGHT: 行間距值(pt); LETTER-SPACING: 字符間距值(em)">
<P><FONT color=#ffffff size=2>你的曰志文字</FONT></P>
</DIV></DIV>
下面簡(jiǎn)要介紹一下上面語法中的兩行主要命令語句的含義：
<IMG src=…….>控制曰志中的背景圖片，圖片的寬度及高度值均以px為單位；align這一參數(shù)控制圖片位置，但不要對(duì)此進(jìn)行更改，否則無法實(shí)現(xiàn)文字浮于圖片之上的效果。Filter控制背景圖片的柔化濾鏡，大家可以修改其中的數(shù)值已達(dá)到不同的效果，但注意style的值只能取1，2，3這三個(gè)數(shù)值。除了柔化效果外，還有翻轉(zhuǎn)、發(fā)光、陰影等若干特效，但語法表述各有不同，在此不再贅述，有興趣的朋友可以在互聯(lián)網(wǎng)上查詢相關(guān)語法。在Space空間不同的布局方式下，曰志寬度是不相同的，所以為了更好的配合曰志的頁面效果，建議選擇合適寬度的圖片，具體可根據(jù)布局的實(shí)際情況（即曰志的寬窄程度）將圖片寬度分別設(shè)定在260px、350px、370px、550px、730px左右的近似值。
<DIV style="FILTER…….>控制曰志文字的若干效果，其中Filter命令的使用方法與前述一致，也是調(diào)節(jié)柔化效果。文本寬度也采取px為單位，其最大值也要參照上面不同布局方式時(shí)所要求的近似寬度值，如果你希望文字完全分布在整個(gè)曰志頁面上，那么將WIDTH值設(shè)為100%即可。在設(shè)定了具體寬度的情況下Float命令可以省略，否則請(qǐng)予以保留。
六.計(jì)數(shù)器和MSN
先說說添加計(jì)數(shù)器。如果只是在曰志中顯示來訪總數(shù)，那么申請(qǐng)一個(gè)簡(jiǎn)單的計(jì)數(shù)器即可，提供這種服務(wù)的網(wǎng)站很多，你在搜索引擎中鍵入“Free Web Counter”會(huì)查找到很多結(jié)果，這里我個(gè)人推薦http://www./。這個(gè)網(wǎng)站提供350多種計(jì)數(shù)器，款式繁雜，花色多樣，絕對(duì)滿足你的需要。申請(qǐng)時(shí)需要注冊(cè)，但過程很簡(jiǎn)單，一般只需要提供少量的個(gè)人信息即可。注冊(cè)成功后你就可以選擇心儀的計(jì)數(shù)器了，然后再輸入你個(gè)人網(wǎng)站的信息，你將獲得一段在線生成的HTML頁面的代碼。某些網(wǎng)站還會(huì)提供給你簡(jiǎn)單的在線編輯功能，讓你進(jìn)一步對(duì)計(jì)數(shù)器的外觀作簡(jiǎn)單的修改，以更好的適合你的需要。將獲取的代碼拷貝，然后轉(zhuǎn)到你需要插入計(jì)數(shù)器的MSN Space曰志，點(diǎn)擊“Edit It”按鈕，進(jìn)入HTML語法編輯狀態(tài)，將剛才獲取的代碼粘貼到空白處，再退出HTML編輯狀態(tài)，在曰志文本處理模式下調(diào)整計(jì)數(shù)器的位置。由于MSN Space空間沒有提供置頂功能，因此你必須經(jīng)常調(diào)整計(jì)數(shù)器的位置，將它始終放置在首頁的曰志中（最好是第一篇曰志）。方便起見，你可以將計(jì)數(shù)器的源代碼拷貝到文本文件中，以后調(diào)整時(shí)將它簡(jiǎn)單粘貼過來就可以了。
如果你想獲得有關(guān)你的空間流量的具體信息，諸如單位時(shí)間內(nèi)的訪問量，來訪者停留時(shí)間，來訪者IP及所在國家等等眾多專業(yè)統(tǒng)計(jì)結(jié)果，上述網(wǎng)站就不能滿足你的需要了。推薦你到這個(gè)網(wǎng)站申請(qǐng)此項(xiàng)服務(wù)：http://www./，它提供了極其強(qiáng)大且穩(wěn)定可靠的統(tǒng)計(jì)功能，幾乎面面俱到（至少對(duì)于我們這個(gè)水平是足夠了），而且眾多信息均以圖形或表格的方式予以呈現(xiàn)，直觀明了（Tucow五星推薦）。所有這些服務(wù)均為免費(fèi)，除非你的月訪問量超過20萬。唯一的缺點(diǎn)就是提供的計(jì)數(shù)器樣式過于簡(jiǎn)單，可供選擇的余地也不大。。它的申請(qǐng)過程很簡(jiǎn)單，成功后會(huì)先讓你選擇計(jì)數(shù)器樣式（你可以進(jìn)行簡(jiǎn)單的定值），然后設(shè)定某些參數(shù)，諸如通過Cookie功能將你自己的登陸排除在統(tǒng)計(jì)數(shù)字之外等，之后你可以在Install Code頁面獲取HTML代碼，需要注意的是，它會(huì)為不同類型的頁面生成不同的代碼，因此你要在“Statcounter Code Option”里選擇“Html Only Code”，通過這個(gè)命令生成的代碼才可用于MSN Space，獲取代碼后的操作就和上面已降解的方式一樣了。由于是海外的服務(wù)商，所以頁面信息全部是英文，這對(duì)于不諳E文的朋友可能有些麻煩。
申請(qǐng)MSN在線狀態(tài)指示器也很簡(jiǎn)單，到下面這個(gè)網(wǎng)站http://snind.:8080/ 在“Messenger”下拉菜單里選擇MSN，當(dāng)然如果你有Yahoo，或AOL等提供的及時(shí)通訊工具，也可以為其申請(qǐng)相應(yīng)的指示器。輸入你的MSN Messenger用戶名，網(wǎng)站很快會(huì)為你生成一段代碼，這段代碼顯示的是一個(gè)圖標(biāo)，通過其顏色的變化來顯示你的Messenger的不同狀態(tài)，直接將此代碼按上述方法添加到曰志中就可以了。有兩個(gè)問題需要注意：該狀態(tài)指示不會(huì)實(shí)時(shí)更新，它顯示的狀態(tài)是訪問者登陸你的空間時(shí)你的在線狀態(tài)，如果你在此期間上線或離線，指示器不會(huì)實(shí)時(shí)同步做出反應(yīng)，除非刷新頁面才會(huì)看出變化。另外顯示的狀態(tài)和真實(shí)狀態(tài)可能會(huì)有稍許延遲，但不嚴(yán)重。還有一種情況也可能會(huì)發(fā)生，就是服務(wù)商的Server關(guān)機(jī)，那么指示器就無法正確顯示任何狀態(tài)了。
七. 音樂及背景文字
① Flash代碼 (寫在日記內(nèi)容里) [代碼中的Flash地址就是網(wǎng)上以.swf結(jié)尾的網(wǎng)址]
</textarea><embed src='http://你的Flash地址'quality=high pluginspage='_Prod_Version=ShockwaveFlash" target=_blank>http://www.macromedia.com/shockw ... sion=ShockwaveFlash' type='application/x-shockwave-flash' width=330 height=240></embed>
② 背景音樂代碼 (寫在日記標(biāo)題里) [代碼中的音樂地址就是網(wǎng)上以.mp3/.midi/.wma/.wmv結(jié)尾的網(wǎng)址]
顯示播放器
</textarea><EMBED SRC=http://你的音樂地址>
不顯示播放器
</textarea><EMBED SRC=http://你的音樂地址 width="0" height="0" loop="999">
③ 視頻MTV代碼 (寫在日記內(nèi)容里) [代碼中的視頻文件地址就是網(wǎng)上以.rm結(jié)尾的網(wǎng)址]
</textarea>
<embed SRC=你的視頻文件地址 type=audio/x-pn-realaudio-plugin CONSOLE=Clip1 CONTROLS=ImageWindow HEIGHT=124 WIDTH=180 AUTOSTART=true loop=true><br>
④ 電臺(tái)代碼 [代碼中的電臺(tái)地址就是網(wǎng)上以.asp結(jié)尾的網(wǎng)址]
</textarea>
<embed SRC=你的電臺(tái)地址 type=audio/x-pn-realaudio-plugin CONSOLE=Clip1 CONTROLS=ImageWindow HEIGHT=124 WIDTH=180 AUTOSTART=true loop=true><br>
⑤ 修改字體和顏色 (變換字體顏色只需替換color=后面的代碼,好看的字體顏色有: "#00ccff" "#ccccff" "#cc99ff" "#993399")
</textarea><b><font face="華文行楷" size="5" color="#FF0000">要修改字體和顏色的字</font></b>
⑥ 插入圖片 [代碼中的圖片地址就是網(wǎng)上以.jpg/.bmp結(jié)尾的網(wǎng)址]
</textarea><IMG src="http://你的圖片地址" border="0" width="344" height="255">
豎排顯示文字代碼：
<DIV style="FONT-SIZE: 9pt; WRITING-MODE: tb-rl; TEXT-ALIGN: left"><p>博客文章文字</P></DIV>
帶顏色的陰影效果文字代碼:
林中漫步的BLOG
<P align=center><FONT style="FONT-SIZE: 20pt; FILTER: dropshadow
(color=#228B22,offX=4,offY=2,Positive=1); WIDTH: 100%; COLOR: #ff7f50; LINE-HEIGHT: 150%; FONT-
FAMILY: 華文行楷"><I><B>林中漫步的BLOG</B></I></FONT></P>
<P align=center><FONT style="FONT-SIZE:30pt;filter:alpha(opacity=100,style=1);WIDTH:100%;
COLOR:red;LINE-HEIGHT:100%;FONT-FAMILY:華文行楷"><B>林中漫步的BLOG</B></FONT></P>
代碼說明：
opacity屬性：設(shè)置透明度，取值0至100之間的任意數(shù)值，100表示完全不透明；
style屬性：設(shè)置漸變風(fēng)格，0表示均勻漸變，1表示線性漸變，2表示放射漸變，3表示直角漸變。
width：100%則表示參與漸變的對(duì)象的寬度，通常都設(shè)置為100%。
陰影文字效果代碼：
林中漫步的BLOG
<FONT style="COLOR: #000000; FILTER: shadow(color=blue); FONT-FAMILY: 華文彩云; FONT-SIZE: 20pt;
WIDTH: 100%"><B>林中漫步的BLOG</B></FONT>
陰影的文字效果代碼2：
</textarea><table style="FILTER: dropshadow(color=#cccccc, offx=2, offy=2,
positive=2)；">
<font color=#6CABE7 size=2>林中漫步的BLOG</font>
</table>
飄動(dòng)在圖片背景上的文字代碼：
