如何制作動態博友鏈接圖 以下是我用代碼法制作的含有4 個博客的動態博友鏈接圖,(你也可以制作含有多個博客?的動態博友鏈接圖),單擊下面動態博友鏈接圖的博客名稱,就可打開有關博客:(注意,以后可能有博友設置“訪問權限”而有的博友打不開。) ?動態博友鏈接圖可以放在博客首頁,供網友單擊鏈接。把動態博友鏈接圖放到博客首頁的方法,見我的日志《如何把模塊代碼粘貼到日志或首頁“自定義模塊”中 》一文,這里不再重復。 制作動態博友鏈接圖的目的是:方便一些網友和其他網友鏈接,或博友之間互相鏈接,提高博客的點擊率和知名度。方便隨時查看自己關注的其他博客近況,以便學習自己感興趣的旅游,法律,醫療,書法,藝術,美食,教學經驗,電腦知識,上網疑難問題解答等。鏈接名星名博時,還可以滿足一些人關注名人的愿望。 用代碼法制作動態博友鏈接圖,簡單易學,不需要知道博友的帳號,只需把該博客網址和頭像地址以及博客名稱填入代碼,并把代碼粘貼到“寫日志”頁面的“源代碼”編輯頁面編輯就行了。 ? 以下是制作動態博友鏈接圖的代碼,(命名為?代碼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="博客網址1" target=_blank><IMG src="頭像網址1" width=95 border=0></A><BR> <CENTER><A href="博客網址1">博客名稱1</SPAN></A></CENTER></A></TD> <TD vAlign=top bgColor=#66cc99 height=152><A href="博客網址2" target=_blank><IMG src="頭像網址2" width=95 border=0></A><BR> <CENTER><A href="博客網址2">博客名稱2</SPAN></A></CENTER></A></TD> <TD vAlign=top bgColor=#66cc99 height=152><A href="博客網址3" target=_blank><IMG src="頭像網址3" width=95 border=0></A><BR> <CENTER><A href="博客網址3">博客名稱3</SPAN></A></CENTER></A></TD> <TD vAlign=top bgColor=#66cc99 height=152><A href="博客網址4" target=_blank><IMG? src="頭像網址4" width=95 border=0></A><BR> <CENTER><A href="博客網址4">博客名稱4</SPAN></A></CENTER></A></TD> </TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></MARQUEE> ? ---------------------------------------- 如果要增加鏈接就粘貼下面代碼,粘貼位置在上面代碼1倒數第2行結尾處 : ?<TD vAlign=top bgColor=#66cc99 height=152><A href="博客網址" target=_blank><IMG src="頭像網址" width=95 border=0></A><BR> <CENTER><A href="博客網址">博客名稱</SPAN></A></CENTER></A></TD> ?(注意, </TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></MARQUEE> 代碼應在最后一行。) ? ? ? ? ? ? ? ? ?制作動態博友鏈接圖步驟:
一.???????????? 找到并復制-粘貼以上代碼提到的“博客網址”。 以博客“飄飛的心語”為例子說明。先打開博客“飄飛的心語”首頁,在最上方找到博客網址,單擊鼠標右鍵,在下拉列表中單擊“復制”。并把復制的該博客網址粘貼到一個空白word 文檔。見圖-1: ? ? 二.找到并復制-粘貼上面代碼提到的“頭像網址”。 以博客“飄飛的心語”為例子說明。先打開博客“飄飛的心語”首頁,下圖,在右上方有一個博客頭像,在頭像上單擊右鍵,在彈出的下拉列表中單擊“屬性”,彈出“屬性”對話框,找到頭像的地址(URL),按住鼠標左鍵,在地址上拖動,選中地址復制。把“頭像地址”粘貼到一個空白word文檔上。見圖-2和圖-3: , ![]() ? ? 三.???????????? 把準備鏈接的四個博友:飄飛的心語,江南好,青島大龍, 藝術毛全周 的博客名稱,博客網址,頭像地址,以及以上代碼1都粘貼在一張空白word 文檔上,以方便把博客網址,頭像地址,博客名稱插入代碼1。見圖-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=" <CENTER><A href="? 飄飛的心語 </SPAN></A></CENTER></A></TD> <TD vAlign=top bgColor=#66cc99 height=152><A href=" target=_blank><IMG src=" width=95 border=0></A><BR> </SPAN></A></CENTER></A></TD> <TD vAlign=top bgColor=#66cc99 height=152><A href=" <CENTER><A href="青島大龍? </SPAN></A></CENTER></A></TD> <TD vAlign=top bgColor=#66cc99 height=152><A href=" src="width=95 border=0></A><BR> </SPAN></A></CENTER></A></TD> </TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></MARQUEE> ? 以上代碼2的“博客名稱”也可以用小括號( )后面注明 旅游,法律,醫療,書法,美食等字,以突出該博客的特點,供網友選擇。 四.???????????? 把代碼2上傳到博客 1.選中代碼2,復制代碼2.。 2.登錄你的博客,單擊首頁“寫日志”按鈕,在“寫日志”編輯頁面單擊“源代碼”按鈕,進入“源代碼”編輯頁面,(“源代碼”編輯頁面所有的按鈕都呈灰蒙蒙狀態),見圖-5和圖-6: ? ?? ? ? ? ?? ?![]() ? ? ? 3. 在上圖單擊右鍵,單擊“粘貼”,把代碼2粘貼到“源代碼”編輯頁面。見圖-7: ? ? ??
五.注意事項: 在“寫日志”編輯頁面,必須單擊“源代碼”按鈕,進入“源代碼”編輯頁面后,才能粘貼代碼2,這個必須做到。如果還沒有單擊“源代碼”按鈕,并進入“源代碼”編輯頁面,就粘貼代碼2,一定出錯! |
新跟帖 (共1 條評論)
查看更多評論。。。