博客美化教程完整終極版

1、博客美化教程完整終極版博客管理2010-05-30 12：35：05閱讀10評論0字號：大中小提醒：近來有許多網(wǎng)友反映在日志以及自定義的HTML欄目中使用的一些代碼會被網(wǎng)易系MSN Space(現(xiàn)更名為Windows Live Space)一樣，系統(tǒng)為了防止網(wǎng)友在日志中放入有害的代碼就將所有的script標簽，iframe標簽過濾，博客添加自定義HTML時，只能添加6500個字符以內(nèi)的代碼。這給不少網(wǎng)友帶來了麻煩，許多特效代碼無法使用。我在這里提供一些實用美化代碼與大家分享,另外，需轉載的朋友，請注明來源，謝謝！一、基本知識：1、登陸：首先進入，用戶名和密碼：你原來網(wǎng)易的用戶名和密碼，即可登陸

2、。2、點擊預覽我的博客進入編輯我的博客狀態(tài)。3、進入關于我界面。填寫你的基本資料。4、進入排版會出現(xiàn).(1)、點擊風格，選擇你需要的博客的風格。(2)、點擊模塊選擇你需要顯示的模塊.(3)、點擊版式，選擇你需要的版式。5、添加自定義模塊增加你的新欄目。這部分需要一些代碼來完成。6、模塊排序：登錄后，在編輯狀態(tài)下，可對首頁上的日志、圖片和個人資料等多個模塊使用用鼠標直接拖移擺放。二、設置功能：相當于博客的后臺。在編輯我的博客界面下，進入設置，就可以在權限設置和高級風格中勾選權限和設置風格。也可以看到你已使用的空間和訪問統(tǒng)計。1、限制設置：在這里，你可以選擇自己的日志、圖片是否可見及限制他人的訪問

3、權限。2、存儲管理：在這里可以看到已經(jīng)使用的網(wǎng)絡空間。3、高級風格：網(wǎng)易博客高級風格設置及功能介紹進入博客，登錄后編輯博客，點設置，右邊有一選項：選高級風格，分別可對頂欄、導航欄、標題欄、背景、底欄進行個性化的設置。(1)、頂欄網(wǎng)易博客提供了多種選擇，可任選你喜歡的一種。在下方對話框，可先選定一個基標色，系統(tǒng)將自動以該基準色為基礎自動配成顏色較為協(xié)調(diào)的各個分色，以適應不同元素的顏色需要，具體分別是頁面底色、窗口底色、模塊底色、模塊標題底色、模塊邊框、模塊標題、日志正文、鏈接文字、博客名稱、模塊菜單底色、導航蘭文字、說明文字。如果你對部分元素的配色有著特定的偏好，可以在自定義配色前打鉤。如：需設

4、置日志正文，先單擊日志正文，再在調(diào)色板中選中所需的顏色即可。(2)、導航欄單擊導航欄，任選其中的一種。(3)、標題欄單擊標題欄，任選其中的一種。(4)、背景單擊導航欄，任選其中的一種，并設置圖片平鋪及圖片位置。如需使用自己的圖片，可在我要上傳自己的圖片作為頁面背景打鉤，在選擇所要作背景的圖片。(5)、底欄單擊底欄，任選其中的一種。一切設置好了，點保存。三、編輯日志：首先，登錄你的網(wǎng)易博客，確認你的博客處于編輯狀態(tài)，通過點擊日志選項卡，進入日志頁面，點擊管理日志欄下的添加日志，即可進入添加日志頁面，開始日志編輯了。1、如果想日后方便管理你的網(wǎng)絡日志，可在編輯完日志標題和內(nèi)容后，給日志添加標簽或選

5、擇類別。2、網(wǎng)易博客的個人博客首頁，是個人快速瀏覽和管理個人博客的便捷通道。如果你有將日志模塊顯示在首頁內(nèi)，并處于編輯狀態(tài)下，即可通過點擊日志模塊內(nèi)的添加，進入添加日志頁面。3、為更有效地展示個人，網(wǎng)易博客提供了圖文結合的日志編輯模式。在添加日志時，注意點擊文本輸入欄下的添加相片，即可在日志中加入相片。4、切換到預覽狀態(tài)可以預覽日志區(qū)局部效果，如果不滿意可以點擊返回到編輯狀態(tài)，重新修改文章。另外，你也可以點擊頁面右上角的預覽我的博客，預覽整個頁面。四、添加好友：可通過瀏覽、查找、和邀請三種方式添加好友。1、瀏覽：在瀏覽別人的網(wǎng)易博客時，通過點擊博客導航欄的，即可將對方加為好友。2、查找：編輯狀

6、態(tài)下，在好友頁面，輸入對方的博客用戶名，點擊查找，在出現(xiàn)的搜索結果列表中，通過點擊，即可將對方加為好友。通過高級查找，還可設定性別、年齡、地區(qū)等選項查找到他人的博客。3、邀請：編輯狀態(tài)下，在好友頁面，點擊管理好友欄的邀請好友，通過輸入對方的郵箱地址，發(fā)送邀請函，即可完成好友邀請，接下來就等對方的回應吧。五、照片功能：網(wǎng)易博客提供有兩種添加相片方式。網(wǎng)易博客支持gif、jpg、png等格式的圖片，單張圖片大小不宜超過5兆，在使用批量上傳時，一次上傳總量不宜超過100兆。1、上傳相片：首先，登錄你的網(wǎng)易博客，并確認處于編輯狀態(tài)。通過點擊相片選項卡，進入相片頁面，點擊管理相冊欄下的上傳相片，開始上傳

7、。網(wǎng)易博客提供兩種相片上傳方式。(1)、Web頁面上傳點擊瀏覽從本地電腦選擇所要上傳的相片，再點擊上傳按鈕，進入相片信息填寫頁面，再點擊保存，即可完成相片上傳。網(wǎng)易博客提供專用的相片上傳工具便于你批量上傳。初次使用批量上傳，會出現(xiàn)下載控件提示，點擊是即可安裝。在右邊選擇您電腦中想要上傳的照片后，點擊開始上傳即可。2、收藏相片：在瀏覽別人的網(wǎng)易博客相片時，通過點擊圖片上方的收藏，即可將相應圖片加入你的相片個人收藏中。3、管理相片：網(wǎng)易博客提供有重命名、再編輯、刪除和分類等相片等管理功能。網(wǎng)易博客提供在線編輯相片功能，可對相冊內(nèi)的圖片添加注釋、旋轉、裁減。在編輯狀態(tài)下，進入相片頁面，即可看到當前的

8、所有相片。此時可進行相片的重命名、添加描述、修改查看權限、設為頭像和刪除操作。在所有相片頁面點擊所要管理的相片，進入相片頁面，還可對相片進行分類、刪除、重命名、添加描述和標簽操作。六、收藏功能：1、音樂專輯：在線cd架，你的地盤要有聲有色，這個可是殺手锏。進入收藏單元，在管理收藏架的上方，你就可以看到自己的音樂專輯。在這里你可以創(chuàng)建管理你的主題音樂夾。點擊添加音樂，在輸入欄填上你喜歡的歌曲的名稱、url、描述文字，就可以了。收藏夾的音樂將出現(xiàn)在音樂播放器的播放列表里，你可以在這里自由添加喜歡的音樂。2、在線書架：進入收藏單元，在音樂專輯下可以看到你的心書架。你可以創(chuàng)建添加電子新書，方法與添加音

9、樂相同。同樣操作適用于網(wǎng)址檔案和個性列表。七、常用代碼：一，基本代碼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

10、最小)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)

11、段落：p段落/p 1原始文字樣式：pre正文/pre 19)換帖子背景：body background=背景圖片地址20)固定帖子背景不隨滾動條滾動：body background=背景圖片地址body bgproperties=fixed 21)定制帖子背景顏色：body bgcolor=#value(value值見10)22)帖子背景音樂：bgsound=背景音樂地址loop=infinite二，制作滾動字幕1.上下滾動：小時侯鄉(xiāng)愁是一枚小小的郵票我在這頭母親在那頭長大后鄉(xiāng)愁是一張窄窄的船票我在這頭新娘在那頭后來呵鄉(xiāng)愁是一方矮矮的墳墓我在外頭母親呵在里頭而現(xiàn)在鄉(xiāng)愁是一灣淺淺的海峽我在這頭大

12、陸在那頭代碼：MARQUEE style=FONT-SIZE：12px；WIDTH：132px；COLOR：rgb(34,34,221)；LINE-HEIGHT：17px；HEIGHT：125pxscrollAmount=1 scrollDelay=1 direction=up height=125這里是文字BR/MARQUEE 2.左右滾動：放入代碼后，點擊這里就會出現(xiàn)文字編輯框.然后編輯你自己的文字就可以了。代碼：marquee direction=leftscrollamount=1scrolldelay=10border=0width=500說明：此代碼在IE瀏覽器中使用效果較好，在火

13、狐等其他瀏覽器中可能出現(xiàn)文字不滾動等問題。三，為博客添加一個計數(shù)器網(wǎng)易為我們提供了一個訪客統(tǒng)計的模塊，但這個統(tǒng)計是忽略用戶的IP地址，也就是這個統(tǒng)計也記錄相同的IP地址的訪問。我們在編輯博客時，需要不斷的在編輯和預覽的狀態(tài)下進行切換，我們在預覽狀態(tài)下的訪問博客也被網(wǎng)易博客的計數(shù)器記錄下來了。例如，我添加的計數(shù)器統(tǒng)計有111位(唯一IP)網(wǎng)友訪問了我的博客，但網(wǎng)易博客上的計數(shù)器卻顯示有164人訪問(這其中有不少是我自己訪問的)，差別不小。下面給大家介紹如何申請個性化的計數(shù)器：1.進入如下網(wǎng)站：；2.點擊網(wǎng)站左上角的進入申請頁面；3.有很多種類的計數(shù)器供選擇：這只是一個種類，網(wǎng)頁的下面還有許多種類

14、供選擇：可以點擊上面的鏈接選擇其他種類，然后點擊下面的進入下一步；4.填寫相關資料：說明：統(tǒng)計類型分為All Hits-所有訪問(即忽略IP，記錄所有的頁面訪問數(shù)目)、Unique Visits Only-單一IP(只記錄單一IP的訪問)然后選中下面的Agreement,表示同意服務條款，點擊進入下一步；5.好了，你的計數(shù)器已經(jīng)申請成功了！在網(wǎng)頁的中間就會看到你的代碼，把代碼復制下來粘貼的自定義HTML中即可。四，添加播放器網(wǎng)易博客已經(jīng)提供了一個播放器版塊，還有在自定義HTML中也可以添加播放器，下面在給大家介紹一種在自定義HTML中添加播放器的代碼。1.不使用播放器代碼：BGSOUND sr

15、c=音樂文件地址loop=infinite代碼說明：藍色部分為音樂文件的地址，由于此代碼不使用播放器，所以可以加入文章中的源代碼后，變成某個文章的背景音樂。2.Windows Media Player：效果圖片：(由于網(wǎng)易博客中不支持某些HTML語言，所以此播放器無法在日志中顯示，因此這里使用圖片代替)代碼：DIV OBJECT height=185 width=179 classid=CLSID：6BF52A52-394A-11D3-B153-00C04F79FAA6 PARAM VALUE=音樂文件地址PARAM VALUE=infinitePARAM VALUE=1PARAM VALUE

16、=50PARAM VALUE=fullPARAM VALUE=1/OBJECT/DIV代碼說明：藍色部分為音樂文件的地址，綠色的數(shù)字表示是否自動播放，更改為0時不會自動播放，1的時候是自動播放。一款很棒的播放器此播放器可以自動播放而且可以連續(xù)播放多首歌曲皮膚也超漂亮申請地址申請后進去選個自己喜歡的皮膚然后把代碼復制回來加歌曲也是在那里加如果大家想在播放器后面家上背景圖片的話就打TABLE style=WIDTH：706px；HEIGHT：164pxborderColor=#00fa9a height=164 width=706 align=center background=背景圖片borde

17、r=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：40pxTBODY TR TD EMBED style=BORDER-RIGHT：silver 1px solid；BORDER-TOP：silver 1px solid；BORDER-LEFT：silver 1px solid；BORDER-BOTT

18、OM：silver 1px solidsrc=歌曲地址width=200 height=30 type=audio/x-mplayer2 loop=-1autostart=0volume=0EnableContextMenu=0showstatusbar=0console=video/TD/TR/TBODY/TABLE 3.萬能播放器代碼效果圖片：代碼：DIV EMBED style=BORDER-RIGHT：#666666 1px solid；BORDER-TOP：#666666 1px solid；BORDER-LEFT：#666666 1px solid；BORDER-BOTTOM：#6

19、66666 1px solidcodeBase=src=音樂文件地址width=179 height=185 type=application/x-oleobject classid=CLSID：22d6f312-b0f6-11d0-94ab-0080c74c7e95standby=Loading Windows Media Player components.loop=3/EMBED/DIV代碼說明：紫色部分為音樂文件的地址，藍色數(shù)字聞為重復播放次數(shù)，可替換成你想要的數(shù)字，如果需要改成永久循環(huán)可以修改為infinite。五，制作個性名片編輯-排版-模塊-添加自定義HTML table wid

20、th=100%tr td style=padding：2px；img style=border：1px solid rgb(153,153,153)；width：140px；height：140px；src=頭像圖片地址/td td valign=toptable width=100%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由于

21、我只用QQ所以我只會加QQ在線交談按鈕：QQ個人設置-右下角生成在線狀態(tài)進去填寫好資料后生成網(wǎng)頁代碼然后全復制過來.QQ狀態(tài)生成頁面：最后記得把網(wǎng)易自帶的名片隱藏哦.六，訪問者停留時間計數(shù)器編輯-排版-模塊-添加自定義HTML然后把p align=center您在這里停留了：/p palign=center IMG height=20 src=width=15 IMG height=20 src=width=15分IMG height=20 src=width=15 IMG height=20 src=width=15秒/p復制上去還有一個這個比較好看點DIV align=center IMG

22、 height=73 src=width=32 border=0 IMG height=73 src=width=88 border=0 BR IMG height=47 src=width=32 border=0 IMG height=47 src=width=88 border=0/DIV BR其中的您在這里停留了：是可以更改的(比如：你在我的小窩里停留了：等等)七，顯示來訪者IP的代碼編輯-排版-模塊-添加自定義HTML第一個：P align=center IMG src=/P第二個：P align=center IMG src=/P我會繼續(xù)尋找比較好看的,大家先將就用這2個吧八，友情連

23、接編輯-排版-模塊-添加自定義HTML然后把marquee behavior=scrolldirection=right width=90%height=100scrollamount=2scrolldelay=30a target=conthref=對方地址img src=對方圖片width=100height=100border=0/a/marquee復制上去就行了.要想加多個的話就把a ta rget=conthref=對方地址img src=對方圖片width=100height=100border=0/a加在最后那個/marquee的前面其中的direction=是圖片移動方向up

24、down right left任意添寫九，首頁FLASH與日志里的FLASH 1)首頁FLASH：找到FLASH地址后點編輯-排版-模塊-添加自定義HTML-點Flash復制進去就行了這個很簡單(2)日志里的FLASH：好多朋友多說為什么我把代碼粘貼到日志里但就是顯示不出FLASH呢?我現(xiàn)在就告訴你因為你忘記點下面那個代碼了必須先點一下代碼后再復制上去.日志里FLASH的代碼是：EMBED pluginspage=src=FLASH地址width=800 height=600 type=application/x-shockwave-flash quality=high十，一款很棒的播放器此播

25、放器可以自動播放而且可以連續(xù)播放多首歌曲皮膚也超漂亮申請地址申請后進去選個自己喜歡的皮膚然后把代碼復制回來加歌曲也是在那里加如果大家想在播放器后面家上背景圖片的話就打TABLE style=WIDTH：706px；HEIGHT：164pxborderColor=#00fa9a height=164 width=706 align=center background=背景圖片border=3 TBODY TR TD這些復制在前面把播放器代碼復制在后面剛研究出來呵呵十一，透明播放器代碼TABLE style=FILTER：Alpha(Opacity=100,FinishOpacity=0,Styl

26、e=2,StartX=20,StartY=40,FinishX=0,FinishY=0)xray()；WIDTH：200px；HEIGHT：40pxTBODY TR TD EMBED style=BORDER-RIGHT：silver 1px solid；BORDER-TOP：silver 1px solid；BORDER-LEFT：silver 1px solid；BORDER-BOTTOM：silver 1px solidsrc=歌曲地址width=200 height=30 type=audio/x-mplayer2 loop=-1autostart=0volume=0EnableCon

27、textMenu=0showstatusbar=0console=video/TD/TR/TBODY/TABLE十二，滾動條添加預覽：小時侯鄉(xiāng)愁是一枚小小的郵票我在這頭母親在那頭長大后鄉(xiāng)愁是一張窄窄的船票我在這頭新娘在那頭后來呵鄉(xiāng)愁是一方矮矮的墳墓我在外頭母親呵在里頭而現(xiàn)在鄉(xiāng)愁是一灣淺淺的海峽我在這頭大陸在那頭代碼：DIV style=OVERFLOW-Y：auto；OVERFLOW-X：hidden；WIDTH：698px；HEIGHT：125pxP align=left在這里輸入是文字，也可以是鏈接/P/DIV注：(left)為對齊方式，當前是左對齊十三，為博客添加一個Flash時鐘在你的

28、博客側邊欄中添加一個精美的flash時鐘，會使你的博客更加漂亮。(注意：此代碼只能放在自定義HTML模板內(nèi)，如果放在日志里會被網(wǎng)易系統(tǒng)自動清除)代碼：DIV EMBED pluginspage=src=時鐘地址width=188 height=188 type=application/x-shockwave-flash quality=highwmode=transparent/EMBED/DIV或者：DIV CENTER EMBED src=時鐘地址width=188 height=188 type=application/octet-stream/CENTER/DIV對于網(wǎng)易博客，還可以在自定義的HTML模板內(nèi)，點擊Flash，在彈出的對話框中粘貼上時鐘的地址。時鐘地址：把以上一個地址復制-粘貼到地址欄中,然后按回車觀看效果,看完一個,改變clock1中的數(shù)字,140個時鐘,找到自己喜歡的了,把地址覆蓋粘貼在上面代碼中時鐘地址上。十四，發(fā)表彩色文字的日志雖然網(wǎng)易提供了許多種文字的顏色供選擇，但只是一個字一種顏色，現(xiàn)在給大家介紹一種方法，可以讓一個字變成