如何在博客頁面插入鏈接

07-18

　　　　　　　　第十三講　如何在博客頁面插入鏈接

　　一，用文字作按鈕插入鏈接：

　　在我們的博客文章中，常常需要插入鏈接。比如有這樣一句話：「需要了解更詳細的設置方法，請登陸白瑞軒的博客」。我們把「白瑞軒的博客」這幾個字插入鏈接，使這幾個字成為一個按鈕，只要點擊這個按鈕，就可以打開白瑞軒的博客。

　　具體方法是：用滑鼠選中（即俗稱的「抹黑」）「白瑞軒的博客」這幾個字，然後點擊窗口上方工具欄中的「插入鏈接」按鈕。在打開的對話框中有兩項，一項是「鏈接文字」，一項是「鏈接地址」。鏈接文字已經默認為「白瑞軒的博客」，無需填寫，在「鏈接地址」中填入白瑞軒的博客地址http://blog.sina.com.cn/bairuixuan確定即可。

　　做了鏈接的文字，已經改變了顏色。如果想要加強識別的力度，我們也可以另行設置更鮮艷的顏色，或者設成粗體。

　　當然，也可以更加明顯的指出這是一個鏈接。寫成「點擊這裡進入白瑞軒的博客」。把「點擊這裡進入白瑞軒的博客」做成鏈接。具體方法也是一樣的。

　　二，用圖片作按鈕插入鏈接：

有時，我們需要用圖片作按鈕，實現鏈接。比如我寫了一篇文章，介紹一個博友。文章的最後寫道「您不想去拜訪他嗎？我可是給您備好了車喲！」

　　下面是一兩車的圖片。你只要點擊這個圖片，瞬間就打開該博友的博客了。這樣不是很有意思嗎。

　　這種鏈接方式的製作方法，無非是勾選「顯示源代碼」，在<DIV></DIV>之間插入相應的代碼，這裡就不再介紹了。

　　我在網上找了一組代碼介紹給大家：<A href="指向鏈接地址" target=_blank><IMG src="圖片的鏈接地址" width_=圖片高度 height=圖片寬度 border=0></A>

　　應當注意的是，圖片必須先上傳到網上，然後取得一個地址（以後還要專門講到）。　　

　　如果插入的鏈接是一首歌，可以使用下列代碼：

　　三，以文字掛件形式插入鏈接：

　　大家都知道，新浪博客的頁面並不是佔滿全屏的，左右兩側都有不小的空白。如果我們把鏈接載體以掛件的形式放在這裡，非常明顯，易於查找。我就是把《新浪博客新手教程》的鏈接按鈕放在這裡了，它跟隨滾動條一起上下移動，一目了然，效果極好。

　　以文字掛件形式插入鏈接的代碼，網上很多，我用的是：

注:document.body.clientWidth)-965為水平位置,負數越大越靠左。 document.body.clientHeight)-565為垂直位置,負數越大越靠上。

　　說實話，我也是照葫蘆畫瓢而已，並不懂代碼中各個組建和參數的含義。我們只管拿來使用就是了。感謝那些高人無私的為我們提供這些好東西。

第十四講　怎樣點綴自己的博客文章

　　新浪博客的文章頁面基本上沒有什麼修飾，可以說是最簡單，最樸素的。文字的修飾只有字體、字型大小和顏色的變化。而字體也只有宋體、楷體、黑體、隸書和幼園等六種漢字字體。這樣的文章頁面，對於我們這些在審美方面要求不高的老人來說，也就夠用了。但是有的朋友不滿足這樣簡單的版面，想進一步對文章的版面進行修飾，使得版面更加新穎，活潑，美觀。事實上，在老年博友中，的確不乏相當優美的文章版面設計。

　　如果我們留意的話，一定可以看到，博客文章版面美化的內容是相當豐富的，甚至是令人眼花繚亂的。在這裡，我只能講幾個最基本的美化方法。

　　一，標題的美化：

　　標題的美化大致可以分為使用特效字和使用標題圖片兩種情況。

　　1，使用特效字：

　　特效字是通過代碼實現的。如果需要，只須點擊博客主頁上方的「搜索」按鈕，在搜索窗口點選「文章標題」，在對話框中寫「文字特效代碼」或者「特效文字代碼」，然後點擊「搜索」。在這裡，你可以找到各種各樣的特效字代碼。你也可以把自己喜歡的代碼保存到自己的博客中，或硬碟上，用起來更加方便。

　　這裡舉幾個例子：

　　〔投影效果〕<font style="FILTER: Shadow(color=#660099,direction=135); HEIGHT: 10pt;font-size:330pt" face="隸書" color=#009900>標題文字</font>

　　〔發光效果〕<font style="FILTER: glow(color=#FF0000,strength=3); HEIGHT: 1px;" face="楷體" color="#ffffff" size="4">標題文字</font>

　　〔浮雕效果〕<FONT style="FONT-SIZE: 30pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 華文彩雲"><B>標題文字</B></FONT>

　　〔霓虹燈效果〕<TABLE cellSpacing=0 cellPadding=0 align=center background=http://blog.sina.com.cn/pic/4723cdbf7f71c4371753f border=0><TBODY><TR><TD style="FILTER: chroma(color=#267db2"><TABLE bgColor=#ffffff><TBODY><TR><TD align=middle><FONT style="FONT-SIZE: 52pt" face=隸書 color=#267db2><B>標題文字</B></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

　　〔滾動效果〕<marquee border="0" align="middle" scrolldelay="120">標題文字</marquee>

　　2，使用標題圖片：

　　這種方法就是把標題文字寫在圖片上，然後把圖片上傳到標題的位置。

　　在圖片上寫字的工具很多，比如ACDsee、iSee、光影魔術手等都有這個功能。但是其中佼佼者當屬Photoshop了。

　　如果感興趣，請參看我的博客文章《用Photoshop製作特效字》。地址是：http://blog.sina.com.cn/u/475c9a15010006fm。

　　二，給文章加上花邊：

　　我們可以在網上找到各種裝飾花邊，這些花邊大多數是GIF格式的條形圖片，直接粘貼到指定的位置就可以了。

　　如果你需要，請到清風竹影的博客去複製好了，那裡的花邊足夠大家使用了。地址是：http://blog.sina.com.cn/u/4a539329010009eo。

　　三，給文章加上底圖：

　　給文章加底圖，也是通過代碼實現的。下面是我在網上找到的兩組代碼：

　　1，<table width_="450" border="0"><tr><td height="562" background="背景圖片地址"></td></tr></table>

　　2，<TABLE borderColor=#十六進位數 height=600 width_=500 border=0><TBODY><TR><TD vAlign=top background=背景圖片地址></TD></TR></TBODY></TABLE>

　　在http://blog.sina.com.cn/yangyangbaobao2007有不少很實用的背景圖片可以使用。

　　圖片的大小是可以設定的，請大家自己琢磨。

　　四，其它：

　　修飾文章版面的方法相當多，比如滾動條方式，滾動文字方式等都是通過代碼實現的，我們都可以通過新浪博客的搜索功能找到相應的代碼。限於篇幅，不能多寫了，只能給大家提個醒。　　