如何制作动态博友链接图

以下是我用代码法制作的含有4 个博客的动态博友链接图，（你也可以制作含有多个博客 的动态博友链接图），单击下面动态博友链接图的博客名称，就可打开有关博客：（注意，以后可能有博友设置“访问权限”而有的博友打不开。）

飘飞的心语

江南好

青岛大龙

艺术毛全周

动态博友链接图可以放在博客首页，供网友单击链接。把动态博友链接图放到博客首页的方法，见我的日志《如何把模块代码粘贴到日志或首页“自定义模块”中》一文，这里不再重复。

制作动态博友链接图的目的是：方便一些网友和其他网友链接，或博友之间互相链接，提高博客的点击率和知名度。方便随时查看自己关注的其他博客近况，以便学习自己感兴趣的旅游，法律，医疗，书法，艺术，美食，教学经验，电脑知识，上网疑难问题解答等。链接名星名博时，还可以满足一些人关注名人的愿望。

用代码法制作动态博友链接图，简单易学，不需要知道博友的账号，只需把该博客网址和头像地址以及博客名称填入代码，并把代码粘贴到“写日志”页面的“源代码”编辑页面编辑就行了。

以下是制作动态博友链接图的代码，（命名为 代码1）：

<DIV>

<TBODY>

<TR>

<TBODY>

<TR>

<TD vAlign=top bgColor=#66cc99 height=152><A href="博客网址1" target=_blank><IMG

src="头像网址1" width=95 border=0></A><BR>

<TD vAlign=top bgColor=#66cc99 height=152><A href="博客网址2" target=_blank><IMG

src="头像网址2" width=95 border=0></A><BR>

<TD vAlign=top bgColor=#66cc99 height=152><A href="博客网址3" target=_blank><IMG

src="头像网址3" width=95 border=0></A><BR>

<TD vAlign=top bgColor=#66cc99 height=152><A href="博客网址4" target=_blank><IMG

src="头像网址4" width=95 border=0></A><BR>

</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>

（注意，

</TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></MARQUEE> 代码应在最后一行。）

制作动态博友链接图步骤：

一．找到并复制-粘贴以上代码提到的“博客网址”。

以博客“飘飞的心语”为例子说明。先打开博客“飘飞的心语”首页，在最上方找到博客网址，单击鼠标右键，在下拉列表中单击“复制”。并把复制的该博客网址粘贴到一个空白word 文档。见图-1：

图-1

二．找到并复制-粘贴上面代码提到的“头像网址”。

以博客“飘飞的心语”为例子说明。先打开博客“飘飞的心语”首页，下图，在右上方有一个博客头像，在头像上单击右键，在弹出的下拉列表中单击“属性”，弹出“属性”对话框，找到头像的地址（URL）,按住鼠标左键，在地址上拖动，选中地址复制。把“头像地址”粘贴到一个空白word文档上。见图-2和图-3：

，

图-2

图-3

三．把准备链接的四个博友：飘飞的心语，江南好，青岛大龙, 艺术毛全周的博客名称，博客网址，头像地址，以及以上代码1都粘贴在一张空白word 文档上，以方便把博客网址，头像地址，博客名称插入代码1。见图-4：

图-4

把博客网址，头像地址，博客名称分别插入代码1后，成为下面代码，（命名为 代码2）：

<DIV>

<TBODY>

<TR>

<TBODY>

<TR>

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

http://200241.blog.163.com/" target=_blank><IMG

src="//image109.360doc.com/DownloadImg/2018/11/1816/147508149_1_20181118042953341" width=95 border=0></A><BR>

<CENTER><A href="http://200241.blog.163.com/"> 飘飞的心语

</SPAN></A></CENTER></A></TD>

<TD vAlign=top bgColor=#66cc99 height=152><A href="http://sdczzbjnh2008.blog.163.com/" target=_blank><IMG

src="http://os.blog.163.com/common/ava.s?host=sdczzbjnh2008&b=1&r=1316372483318" width=95 border=0></A><BR>

<CENTER><A href="http://sdczzbjnh2008.blog.163.com/">江南好

</SPAN></A></CENTER></A></TD>

<TD vAlign=top bgColor=#66cc99 height=152><A href="http://qdsunjilong.blog.163.com/ " target=_blank><IMG

src="http://os.blog.163.com/common/ava.s?host=qdsunjilong&b=1&r=1269133329745" width=95 border=0></A><BR>

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

http://blog.163.com/maoquanzhou@yeah/" target=_blank><IMG

src="http://os.blog.163.com/common/ava.s?host=maoquanzhou@yeah&b=1&r=1276419351179" width=95 border=0></A><BR>

<CENTER><A href="http://blog.163.com/maoquanzhou@yeah/">艺术毛全周

</SPAN></A></CENTER></A></TD>

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

以上代码2的“博客名称”也可以用小括号（）后面注明旅游，法律，医疗，书法，美食等字，以突出该博客的特点，供网友选择。

四．把代码2上传到博客

1.选中代码2，复制代码2.。

2.登录你的博客，单击首页“写日志”按钮，在“写日志”编辑页面单击“源代码”按钮，进入“源代码”编辑页面，（“源代码”编辑页面所有的按钮都呈灰蒙蒙状态），见图-5和图-6：

图-5

图-6

3. 在上图单击右键，单击“粘贴”，把代码2粘贴到“源代码”编辑页面。见图-7：

图-7

4. 再次单击“源代码”按钮，可看到动态博友链接图，然后单击右上角的“预览”按钮，单击动态博友链接图中的博客名称时，可打开有关博客。

五．注意事项：

在“写日志”编辑页面，必须单击“源代码”按钮，进入“源代码”编辑页面后，才能粘贴代码2，这个必须做到。如果还没有单击“源代码”按钮，并进入“源代码”编辑页面，就粘贴代码2，一定出错！

以下是添加一个博友时的博友链接图：

本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请点击举报。