|
第十三講 如何在博客頁面插入鏈接 一，用文字作按鈕插入鏈接： 在我們的博客文章中，常常需要插入鏈接。比如有這樣一句話：“需要了解更詳細(xì)的設(shè)置方法，請(qǐng)登陸白瑞軒的博客”。我們把“白瑞軒的博客”這幾個(gè)字插入鏈接，使這幾個(gè)字成為一個(gè)按鈕，只要點(diǎn)擊這個(gè)按鈕，就可以打開白瑞軒的博客。 具體方法是：用鼠標(biāo)選中（即俗稱的“抹黑”）“白瑞軒的博客”這幾個(gè)字，然后點(diǎn)擊窗口上方工具欄中的“插入鏈接”按鈕。在打開的對(duì)話框中有兩項(xiàng)，一項(xiàng)是“鏈接文字”，一項(xiàng)是“鏈接地址”。鏈接文字已經(jīng)默認(rèn)為“白瑞軒的博客”，無需填寫，在“鏈接地址”中填入白瑞軒的博客地址http://blog.sina.com.cn/bairuixuan確定即可。 做了鏈接的文字，已經(jīng)改變了顏色。如果想要加強(qiáng)識(shí)別的力度，我們也可以另行設(shè)置更鮮艷的顏色，或者設(shè)成粗體。 當(dāng)然，也可以更加明顯的指出這是一個(gè)鏈接。寫成“點(diǎn)擊這里進(jìn)入白瑞軒的博客”。把“點(diǎn)擊這里進(jìn)入白瑞軒的博客”做成鏈接。具體方法也是一樣的。 二，用圖片作按鈕插入鏈接： 有時(shí)，我們需要用圖片作按鈕，實(shí)現(xiàn)鏈接。比如我寫了一篇文章，介紹一個(gè)博友。文章的最后寫道“您不想去拜訪他嗎？我可是給您備好了車喲！” 下面是一兩車的圖片。你只要點(diǎn)擊這個(gè)圖片，瞬間就打開該博友的博客了。這樣不是很有意思嗎。 這種鏈接方式的制作方法，無非是勾選“顯示源代碼”，在<DIV></DIV>之間插入相應(yīng)的代碼，這里就不再介紹了。 我在網(wǎng)上找了一組代碼介紹給大家：<A href="指向鏈接地址" target=_blank><IMG src="圖片的鏈接地址" width=圖片高度 height=圖片寬度 border=0></A> 應(yīng)當(dāng)注意的是，圖片必須先上傳到網(wǎng)上，然后取得一個(gè)地址（以后還要專門講到）。 如果插入的鏈接是一首歌，可以使用下列代碼： <P><A href="音樂地址" target=_blank><IMG style="WIDTH: 179px; HEIGHT: 155px" height=120 src="圖片地址" width=120 border=0></IMG></A> 三，以文字掛件形式插入鏈接： 大家都知道，新浪博客的頁面并不是占滿全屏的，左右兩側(cè)都有不小的空白。如果我們把鏈接載體以掛件的形式放在這里，非常明顯，易于查找。我就是把《新浪博客新手教程》的鏈接按鈕放在這里了，它跟隨滾動(dòng)條一起上下移動(dòng)，一目了然，效果極好。 以文字掛件形式插入鏈接的代碼，網(wǎng)上很多，我用的是： <DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT: _r(eval_r(document.body.scrollLeft)+eval_r(document.body.clientWidth)-965); BORDER-LEFT: medium none; WIDTH: 14px; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: _r(eval_r(document.body.scrollTop)+eval_r(document.body.clientHeight)-565); HEIGHT: 537px; TEXT-ALIGN: center"> 注:document.body.clientWidth)-965為水平位置,負(fù)數(shù)越大越靠左。 說實(shí)話，我也是照葫蘆畫瓢而已，并不懂代碼中各個(gè)組建和參數(shù)的含義。我們只管拿來使用就是了。感謝那些高人無私的為我們提供這些好東西。 第十四講 怎樣點(diǎn)綴自己的博客文章 新浪博客的文章頁面基本上沒有什么修飾，可以說是最簡(jiǎn)單，最樸素的。文字的修飾只有字體、字號(hào)和顏色的變化。而字體也只有宋體、楷體、黑體、隸書和幼園等六種漢字字體。這樣的文章頁面，對(duì)于我們這些在審美方面要求不高的老人來說，也就夠用了。但是有的朋友不滿足這樣簡(jiǎn)單的版面，想進(jìn)一步對(duì)文章的版面進(jìn)行修飾，使得版面更加新穎，活潑，美觀。事實(shí)上，在老年博友中，的確不乏相當(dāng)優(yōu)美的文章版面設(shè)計(jì)。 如果我們留意的話，一定可以看到，博客文章版面美化的內(nèi)容是相當(dāng)豐富的，甚至是令人眼花繚亂的。在這里，我只能講幾個(gè)最基本的美化方法。 一，標(biāo)題的美化： 標(biāo)題的美化大致可以分為使用特效字和使用標(biāo)題圖片兩種情況。 1，使用特效字： 特效字是通過代碼實(shí)現(xiàn)的。如果需要，只須點(diǎn)擊博客主頁上方的“搜索”按鈕，在搜索窗口點(diǎn)選“文章標(biāo)題”，在對(duì)話框中寫“文字特效代碼”或者“特效文字代碼”，然后點(diǎn)擊“搜索”。在這里，你可以找到各種各樣的特效字代碼。你也可以把自己喜歡的代碼保存到自己的博客中，或硬盤上，用起來更加方便。 這里舉幾個(gè)例子： 〔投影效果〕<font style="FILTER: Shadow(color=#660099,direction=135); HEIGHT: 〔發(fā)光效果〕<font style="FILTER: glow(color=#FF0000,strength=3); HEIGHT: 1px;" face="楷體" color="#ffffff" size="4">標(biāo)題文字</font> 〔浮雕效果〕<FONT style="FONT-SIZE: 〔霓虹燈效果〕<TABLE cellSpacing=0 cellPadding=0 align=center background=http://blog.sina.com.cn/pic/4723cdbf 〔滾動(dòng)效果〕<marquee border="0" align="middle" scrolldelay="120">標(biāo)題文字</marquee> 2，使用標(biāo)題圖片： 這種方法就是把標(biāo)題文字寫在圖片上，然后把圖片上傳到標(biāo)題的位置。 在圖片上寫字的工具很多，比如ACDsee、iSee、光影魔術(shù)手等都有這個(gè)功能。但是其中佼佼者當(dāng)屬Photoshop了。 如果感興趣，請(qǐng)參看我的博客文章《用Photoshop制作特效字》。地址是：http://blog.sina.com.cn/u/475c9a15010006fm。 二，給文章加上花邊： 我們可以在網(wǎng)上找到各種裝飾花邊，這些花邊大多數(shù)是GIF格式的條形圖片，直接粘貼到指定的位置就可以了。 如果你需要，請(qǐng)到清風(fēng)竹影的博客去復(fù)制好了，那里的花邊足夠大家使用了。地址是：http://blog.sina.com.cn/u/4a539329010009eo。 三，給文章加上底圖： 給文章加底圖，也是通過代碼實(shí)現(xiàn)的。下面是我在網(wǎng)上找到的兩組代碼： 1，<table width="450" border="0"> 2，<TABLE borderColor=#十六進(jìn)制數(shù) height=600 width=500 border=0> 在http://blog.sina.com.cn/yangyangbaobao2007有不少很實(shí)用的背景圖片可以使用。 圖片的大小是可以設(shè)定的，請(qǐng)大家自己琢磨。 四，其它： 修飾文章版面的方法相當(dāng)多，比如滾動(dòng)條方式，滾動(dòng)文字方式等都是通過代碼實(shí)現(xiàn)的，我們都可以通過新浪博客的搜索功能找到相應(yīng)的代碼。限于篇幅，不能多寫了，只能給大家提個(gè)醒。 |
|
|
