【轉(zhuǎn)載】如何制作動(dòng)態(tài)博友鏈接圖_編織博客

動(dòng)態(tài)博友鏈接圖可以放在博客首頁(yè)，供網(wǎng)友單擊鏈接。把動(dòng)態(tài)博友鏈接圖放到博客首頁(yè)的方法，見(jiàn)我的日志《如何把模塊代碼粘貼到日志或首頁(yè)“自定義模塊”中 》一文，這里不再重復(fù)。

制作動(dòng)態(tài)博友鏈接圖的目的是：方便一些網(wǎng)友和其他網(wǎng)友鏈接，或博友之間互相鏈接，提高博客的點(diǎn)擊率和知名度。方便隨時(shí)查看自己關(guān)注的其他博客近況，以便學(xué)習(xí)自己感興趣的旅游，法律，醫(yī)療，書法，藝術(shù)，美食，教學(xué)經(jīng)驗(yàn)，電腦知識(shí)，上網(wǎng)疑難問(wèn)題解答等。鏈接名星名博時(shí)，還可以滿足一些人關(guān)注名人的愿望。

用代碼法制作動(dòng)態(tài)博友鏈接圖，簡(jiǎn)單易學(xué)，不需要知道博友的帳號(hào)，只需把該博客網(wǎng)址和頭像地址以及博客名稱填入代碼，并把代碼粘貼到“寫日志”頁(yè)面的“源代碼”編輯頁(yè)面編輯就行了。

? 以下是制作動(dòng)態(tài)博友鏈接圖的代碼，（命名為?代碼1）：

<MARQUEE style="OVERFLOW: hidden; WIDTH: 543px; COLOR: #003399; HEIGHT: 156px" scrollAmount=2 scrollDelay=30>

<DIV>

<TABLE cellPadding=0 align=left border=0 cellspace="0">

<TBODY>

<TR>

<TD vAlign=top>

<TABLE height=142 cellSpacing=0 cellPadding=0 border=0>

<TBODY>

<TR>

<TD vAlign=top bgColor=#66cc99 height=152><A href="博客網(wǎng)址1" target=_blank><IMG

src="頭像網(wǎng)址1" width=95 border=0></A><BR>

<CENTER><A href="博客網(wǎng)址1">博客名稱1</SPAN></A></CENTER></A></TD>

<TD vAlign=top bgColor=#66cc99 height=152><A href="博客網(wǎng)址2" target=_blank><IMG

src="頭像網(wǎng)址2" width=95 border=0></A><BR>

<CENTER><A href="博客網(wǎng)址2">博客名稱2</SPAN></A></CENTER></A></TD>

<TD vAlign=top bgColor=#66cc99 height=152><A href="博客網(wǎng)址3" target=_blank><IMG

src="頭像網(wǎng)址3" width=95 border=0></A><BR>

<CENTER><A href="博客網(wǎng)址3">博客名稱3</SPAN></A></CENTER></A></TD>

<TD vAlign=top bgColor=#66cc99 height=152><A href="博客網(wǎng)址4" target=_blank><IMG?

src="頭像網(wǎng)址4" width=95 border=0></A><BR>

<CENTER><A href="博客網(wǎng)址4">博客名稱4</SPAN></A></CENTER></A></TD>

</TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></MARQUEE>

?

----------------------------------------

如果要增加鏈接就粘貼下面代碼，粘貼位置在上面代碼1倒數(shù)第2行結(jié)尾處 ：

?<TD vAlign=top bgColor=#66cc99 height=152><A href="博客網(wǎng)址" target=_blank><IMG

src="頭像網(wǎng)址" width=95 border=0></A><BR>

<CENTER><A href="博客網(wǎng)址">博客名稱</SPAN></A></CENTER></A></TD>

?（注意，

</TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></MARQUEE> 代碼應(yīng)在最后一行。）

? ? ? ? ? ? ? ? ?制作動(dòng)態(tài)博友鏈接圖步驟：

一．???????????? 找到并復(fù)制-粘貼以上代碼提到的“博客網(wǎng)址”。

以博客“飄飛的心語(yǔ)”為例子說(shuō)明。先打開(kāi)博客“飄飛的心語(yǔ)”首頁(yè)，在最上方找到博客網(wǎng)址，單擊鼠標(biāo)右鍵，在下拉列表中單擊“復(fù)制”。并把復(fù)制的該博客網(wǎng)址粘貼到一個(gè)空白word 文檔。見(jiàn)圖-1：

? ?圖-1

二．找到并復(fù)制-粘貼上面代碼提到的“頭像網(wǎng)址”。

以博客“飄飛的心語(yǔ)”為例子說(shuō)明。先打開(kāi)博客“飄飛的心語(yǔ)”首頁(yè)，下圖，在右上方有一個(gè)博客頭像，在頭像上單擊右鍵，在彈出的下拉列表中單擊“屬性”，彈出“屬性”對(duì)話框，找到頭像的地址（URL）,按住鼠標(biāo)左鍵，在地址上拖動(dòng)，選中地址復(fù)制。把“頭像地址”粘貼到一個(gè)空白word文檔上。見(jiàn)圖-2和圖-3：

，圖-2

圖-3

?

?

三．???????????? 把準(zhǔn)備鏈接的四個(gè)博友：飄飛的心語(yǔ)，江南好，青島大龍, 藝術(shù)毛全周 的博客名稱，博客網(wǎng)址，頭像地址，以及以上代碼1都粘貼在一張空白word 文檔上，以方便把博客網(wǎng)址，頭像地址，博客名稱插入代碼1。見(jiàn)圖-4：

?圖-4

?

<MARQUEE style="OVERFLOW: hidden; WIDTH: 543px; COLOR:#003399; HEIGHT: 156px" scrollAmount=2 scrollDelay=30>

<DIV>

<TABLE cellPadding=0 align=left border=0 cellspace="0">

<TBODY>

<TR>

<TD vAlign=top>

<TABLE height=142 cellSpacing=0 cellPadding=0 border=0>

<TBODY>

<TR>

<TD vAlign=top bgColor=#66cc99 height=152><A href="

src="

<CENTER><A href="? 飄飛的心語(yǔ)

<TD vAlign=top bgColor=#66cc99 height=152><A href=" target=_blank><IMG

src=" width=95 border=0></A><BR>

<CENTER><A href="江南好

<TD vAlign=top bgColor=#66cc99 height=152><A href="

src="

<CENTER><A href="青島大龍? </SPAN></A></CENTER></A></TD>

target=_blank><IMG?

src="width=95 border=0></A><BR>

<CENTER><A href="藝術(shù)毛全周