網易博客製作入門

06-13

默認分類 2006-09-15 08:44 閱讀35915評論123字型大小：大大中中小博客中應用比較廣泛的幾種東西及代碼，有錯誤的地方還請大家指正一.怎麼在博客中添加代碼？登陸您的帳號，按下列順序在查找並操作即可：１，編輯狀態----排版----模板----自定義,創建模塊標題，複製粘貼編寫代碼----保存並返回；２，編輯狀態----排版----模板----自定義----點選創建好的模塊標題---勾上並保存，移動新建面板位置--保存設置。做第二步的目的是將建立好的模塊在博客個人首頁里呈現出來。二.如何在日誌里添加帶圖案的寫字框：點擊日記下方的代碼輸入以下代碼：<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>點擊旁邊的箭頭,</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>然後粘貼此邊框代碼</FONT></P><P align=left><FONT color=#008000>再把勾去掉</FONT></P><P align=left><FONT color=#008000>在邊框內添加上自己的文字即可^_^</FONT></P><P align=left><FONT color=#008000>如有問題,請留言給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>效果顯示如下:點擊旁邊的箭頭,就可以瀏覽文章.發表文章時,在顯示源代碼前面打勾然後粘貼此邊框代碼再把勾去掉在邊框內添加上自己的文字即可^_^如有問題,請留言給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">備註:代碼說明：1WIDTH代表播放器寬度，HEIGHT代表高度，後面的數值可依自己喜好進行調整。2AUTOSTART="TRUE" 這裡TRUE代表自動播放，如果換成FALSE則代表手動播放。四.博客最新超多款精美時鐘.日曆代碼精美JS日曆：<center><iframe frameborder="no" framespacing="0" src="https://www.getit01.com/getimg_360.php?url=http://youlan.100dns.net/rili/021/cal.html" scrolling="no" width_="164" height="174" border="0" ></iframe></center>今天推出最新款的東西，看到右邊這個日曆沒，挺不錯的吧，呵呵...這就是從一個博友那裡挖寶挖出來的成果，以上就是它的代碼，不過別急，這只是其中一款，還有其他99種款式大家可以進這個地址里找：http://youlan.100dns.net/pages/cal1.htm看到你喜歡的樣式，記住它底下的編號，替換上面那段代碼中紅色的021就可以了。精美JS時鐘：<center><iframe scrolling="no" frameborder="0" width_="180" height="75" src="https://www.getit01.com/getimg_360.php?url=http://youlan.100dns.net/clock/009/clock.htm" allowtransparency="true"></iframe></center>這個也是好東西吧，以上就是右邊那個時鐘的代碼，還有其他很多樣式大家可以進這個地址里找：http://youlan.100dns.net/pages/clock1.htm裡面每一款都附有代碼。精美FLASH時鐘：<embed src="https://www.getit01.com/getimg_360.php?url=http://youlan.100dns.net/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"/>這個也不賴吧，以上就是右邊那個時鐘的代碼，還有其他很多樣式大家可以進這個地址里找：http://youlan.100dns.net/pages/fcl1.htm進去後，看到你喜歡的樣式，在其下方編號處點擊滑鼠右鍵，選擇「複製快捷方式」，然後替換代碼中紅色的「http://youlan.100dns.net/flash/flaclo_02.swf」這個地址就行了。五 .背景圖片的添加:代碼如下:<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>下面簡要介紹一下上面語法中的兩行主要命令語句的含義：<IMG src=…….>控制曰志中的背景圖片，圖片的寬度及高度值均以px為單位；align這一參數控制圖片位置，但不要對此進行更改，否則無法實現文字浮於圖片之上的效果。Filter控制背景圖片的柔化濾鏡，大家可以修改其中的數值已達到不同的效果，但注意style的值只能取1，2，3這三個數值。除了柔化效果外，還有翻轉、發光、陰影等若干特效，但語法表述各有不同，在此不再贅述，有興趣的朋友可以在互聯網上查詢相關語法。在Space空間不同的布局方式下，曰志寬度是不相同的，所以為了更好的配合曰志的頁面效果，建議選擇合適寬度的圖片，具體可根據布局的實際情況（即曰志的寬窄程度）將圖片寬度分別設定在260px、350px、370px、550px、730px左右的近似值。<DIV style="FILTER…….>控制曰志文字的若干效果，其中Filter命令的使用方法與前述一致，也是調節柔化效果。文本寬度也採取px為單位，其最大值也要參照上面不同布局方式時所要求的近似寬度值，如果你希望文字完全分布在整個曰志頁面上，那麼將WIDTH值設為100%即可。在設定了具體寬度的情況下Float命令可以省略，否則請予以保留。六.計數器和MSN先說說添加計數器。如果只是在曰志中顯示來訪總數，那麼申請一個簡單的計數器即可，提供這種服務的網站很多，你在搜索引擎中鍵入「Free Web Counter」會查找到很多結果，這裡我個人推薦http://www.amazingcounters.com/。這個網站提供350多種計數器，款式繁雜，花色多樣，絕對滿足你的需要。申請時需要註冊，但過程很簡單，一般只需要提供少量的個人信息即可。註冊成功後你就可以選擇心儀的計數器了，然後再輸入你個人網站的信息，你將獲得一段在線生成的HTML頁面的代碼。某些網站還會提供給你簡單的在線編輯功能，讓你進一步對計數器的外觀作簡單的修改，以更好的適合你的需要。將獲取的代碼拷貝，然後轉到你需要插入計數器的MSN Space曰志，點擊「Edit It」按鈕，進入HTML語法編輯狀態，將剛才獲取的代碼粘貼到空白處，再退出HTML編輯狀態，在曰志文本處理模式下調整計數器的位置。由於MSN Space空間沒有提供置頂功能，因此你必須經常調整計數器的位置，將它始終放置在首頁的曰志中（最好是第一篇曰志）。方便起見，你可以將計數器的源代碼拷貝到文本文件中，以後調整時將它簡單粘貼過來就可以了。如果你想獲得有關你的空間流量的具體信息，諸如單位時間內的訪問量，來訪者停留時間，來訪者IP及所在國家等等眾多專業統計結果，上述網站就不能滿足你的需要了。推薦你到這個網站申請此項服務：http://www.statcounter.com/，它提供了極其強大且穩定可靠的統計功能，幾乎面面俱到（至少對於我們這個水平是足夠了），而且眾多信息均以圖形或表格的方式予以呈現，直觀明了（Tucow五星推薦）。所有這些服務均為免費，除非你的月訪問量超過20萬。唯一的缺點就是提供的計數器樣式過於簡單，可供選擇的餘地也不大。。它的申請過程很簡單，成功後會先讓你選擇計數器樣式（你可以進行簡單的定值），然後設定某些參數，諸如通過Cookie功能將你自己的登陸排除在統計數字之外等，之後你可以在Install Code頁面獲取HTML代碼，需要注意的是，它會為不同類型的頁面生成不同的代碼，因此你要在「Statcounter Code Option」里選擇「Html Only Code」，通過這個命令生成的代碼才可用於MSN Space，獲取代碼後的操作就和上面已降解的方式一樣了。由於是海外的服務商，所以頁面信息全部是英文，這對於不諳E文的朋友可能有些麻煩。申請MSN在線狀態指示器也很簡單，到下面這個網站http://snind.gotdns.com:8080/ 在「Messenger」下拉菜單里選擇MSN，當然如果你有Yahoo，或AOL等提供的及時通訊工具，也可以為其申請相應的指示器。輸入你的MSN Messenger用戶名，網站很快會為你生成一段代碼，這段代碼顯示的是一個圖標，通過其顏色的變化來顯示你的Messenger的不同狀態，直接將此代碼按上述方法添加到曰志中就可以了。有兩個問題需要注意：該狀態指示不會實時更新，它顯示的狀態是訪問者登陸你的空間時你的在線狀態，如果你在此期間上線或離線，指示器不會實時同步做出反應，除非刷新頁面才會看出變化。另外顯示的狀態和真實狀態可能會有稍許延遲，但不嚴重。還有一種情況也可能會發生，就是服務商的Server關機，那麼指示器就無法正確顯示任何狀態了。七.音樂及背景文字① Flash代碼 (寫在日記內容里) [代碼中的Flash地址就是網上以.swf結尾的網址]</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>② 背景音樂代碼 (寫在日記標題里) [代碼中的音樂地址就是網上以.mp3/.midi/.wma/.wmv結尾的網址]顯示播放器</textarea><EMBED SRC=http://你的音樂地址>不顯示播放器</textarea><EMBED SRC=http://你的音樂地址 width_="0" height="0" loop="999">③ 視頻MTV代碼 (寫在日記內容里) [代碼中的視頻文件地址就是網上以.rm結尾的網址]</textarea><embed SRC=你的視頻文件地址 type=audio/x-pn-realaudio-plugin CONSOLE=Clip1 CONTROLS=ImageWindow HEIGHT=124 WIDTH=180 AUTOSTART=true loop=true><br>④ 電台代碼 [代碼中的電台地址就是網上以.asp結尾的網址]</textarea><embed SRC=你的電台地址 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>⑥ 插入圖片 [代碼中的圖片地址就是網上以.jpg/.bmp結尾的網址]</textarea><IMG src="https://www.getit01.com/getimg_360.php?url=http://你的圖片地址" border="0" width_="344" height="255">文字的幾種變化：滾動字代碼（左右）：林中漫步的BLOG<marquee border="0" align="middle" scrolldelay="120">林中漫步的BLOG</marquee>滾動字幕代碼（上下）：我不想擁有愛你的每一夜我也不想要對不起全世界所以不需要解釋誰所以可以溫柔不退一切就看你心裡要不要勇敢些<MARQUEE scrollAmount=1 scrollDelay=77 direction=up width_=270 height=77onmouseout="this.start()" onmouseover="this.stop()">我不想擁有愛你的每一夜<BR>我也不想要對不起全世界<BR>所以不需要解釋誰<BR>所以可以溫柔不退<BR>一切就看你心裡要不要勇敢些</MARQUEE>豎排顯示文字代碼：<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>漸變效果文字代碼：林中漫步的BLOG<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屬性：設置透明度，取值0至100之間的任意數值，100表示完全不透明；style屬性：設置漸變風格，0表示均勻漸變，1表示線性漸變，2表示放射漸變，3表示直角漸變。width：100%則表示參與漸變的對象的寬度，通常都設置為100%。陰影文字效果代碼：林中漫步的BLOG<FONT style="COLOR: #000000; FILTER: shadow(color=blue); FONT-FAMILY: 華文彩雲; FONT-SIZE: 20pt;WIDTH: 100%"><B>林中漫步的BLOG</B></FONT>陰影的文字效果代碼2：林中漫步的BLOG</textarea><table style="FILTER: dropshadow(color=#cccccc, offx=2, offy=2,positive=2)；"><font color=#6CABE7 size=2>林中漫步的BLOG</font></table>飄動在圖片背景上的文字代碼：<TABLE borderColor=#cd5c5c height=350 width_=450 align=center border=3><TBODY><TR><TD background=圖片地址><MARQUEE scrollAmount=3 direction=down behavior=alternate height=350><MARQUEE scrollAmount=3 behavior=alternate width_=500><P align=center><FONT color=red size=6><B>圖片上的文字</B></FONT></P></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>以圖片為背景發表文章代碼：<table width_="450" border="0"><tr><td height="500" background="圖片地址"></td></tr></table>添加連續播放多首音樂的播放器要連續播放多首音樂需要到http://www.eomoo.com/player/申請播放器，並將生成的代碼貼到任意麵板內即可。1. 登陸http://www.eomoo.com/player/，單擊「免費申請」