分享

首页六种友情链接的方法及代码

 梅花咪咪 2012-04-19
 

 

  

             日志底部浏览导航 - 蓝天 - 宁静的夜

                      更多精彩内容,请点击蓝天精品日志链接浏览! 

                    ●新手必读● ●博客代码● ●博客素材● ●阅览指南● ●博客技巧●

                    ●名人博客● ●滚动美图● ●我的建议● ●博客推广● ●影视歌曲●

                    ●脑筋转弯● ●趣味游戏● ●明星秘闻● ●经典幽默● ●名画收藏●

                    ●优美词曲● ●flsh欣赏● ●音画模板● ●男女空间● ●子女教育●

                    ●横竖背景● ●趣味测试● ●饮食健康● ●数码摄影● ●名篇朗诵●

                    ●电脑网络● ●扮靓博客● ●心灵释放● ●经典视听● ●人生感悟●

          ●极品美图● ●奇趣八卦● ●顶栏图库● ●佳句华章● ●导航复制●

      ●音乐收藏● ●P S教程●     ●U 5教程●  ●3 D教程●  ●时钟书架●

       日志底部浏览导航 - 蓝天 - 宁静的夜

          


 

             

            首页六种友情链接的方法及代码     

 

搜集整理:蓝天  资料来源: Q仔 博客、网络

 

      一、文字链接代码:

1:  <a href="对方博客地址" target=_blank>对方博客名称</a>

    2: <a href="对方博客地址">对方博客名称</a>

      建议大家链接代码 1,这个代码在打开新窗口时原窗口保留不会隐失,运用方便。

      设定对方博客名称文字颜色、字体与大小:在对方博客名称前加<FONT face=黑体 color=#00ff00 size=3><B>名称后加<FONT></B>其中face=黑体是字体样式,color=#00ff00字体颜色,size=3字体大小,<B>字体加粗。

      要想加多个博客的话,就把<br><a href="对方博客地址" target=_blank>对方博客名称</a>加在上个链接</a>的后面,其中<br>为文字换行。

      想对方博客名称设定你喜欢的颜色,请点击—— 颜色代码表

    效果如下:

                       蓝天网易博客

    二、图片链接代码:

     <a href="对方博客地址" target=_blank><img src="对方图片" width=60 height=60 border=0></a>

     说明:代码中 width=60 height=60 为图片的宽度与高度,可自行调整。

     如何获取图片地址 ?请点击——找到图片地址的方法  

     如果做多个图片链接,只要把<a href="对方博客地址" target=_blank><img src="对方图片" width=60 height=60 border=0> 加在上个链接</a>的后面。

效果如下:

首页五种友情链接的方法及代码 - 蓝天 - 蓝天博客

 

    三、简单图片移动链接代码:

    <marquee direction=right width=450 scrollamount=2><a href="对方博客地址" target=_blank><img src="对方图片" width=60 height=60 border=0></a></marquee>

    说明:图片的移动链接只要在上一个图片链接代码的基础上在代码前加入移动属性<marquee direction=right width=450 scrollamount=2>代码后加入</marquee>,其中direction=right是图片的移动方向,up / down / right / left 任意添写scrollamount=2为移动速度,数值越小移动越慢。width=450为图片的移动范围。

     如果做多个图片移动链接,只要把<a href="对方博客地址" target=_blank><img src="对方图片" width=60 height=60 border=0> 加在代码最后</marquee>的前面。

效果如下:

首页五种友情链接的方法及代码 - 蓝天 - 蓝天博客首页五种友情链接的方法及代码 - 蓝天 - 蓝天博客首页五种友情链接的方法及代码 - 蓝天 - 蓝天博客首页五种友情链接的方法及代码 - 蓝天 - 蓝天博客首页五种友情链接的方法及代码 - 蓝天 - 蓝天博客首页五种友情链接的方法及代码 - 蓝天 - 蓝天博客

 

    四、图框移动链接代码:

<marquee direction=right width=450 scrollamount=2>

<center><TABLE cellSpacing=5 cellPadding=1 width=300  border=1>

<TBODY><TR>

<TD><a href="对方1博客地址" target=_blank><img src="对方1图片" width=60 height=60 border=0></a></td>

<TD><a href="对方2博客地址" target=_blank><img src="对方2图片" width=60 height=60 border=0></a></td>

<TD><a href="对方3博客地址" target=_blank><img src="对方3图片" width=60 height=60 border=0></a></td>

<tr><td>对方1名称</td><td>对方2名称</td><td>对方3名称</td>

</tr></TBODY></TABLE></marquee>

    说明:这款链接就是把图片链接放入一个表格,分上下两行,第一行的图片与第二行的博客名称相对照。

    如果想多添加博客,只要在表格的第一行多加入一格图片<TD><a href="对方4博客地址" target=_blank><img src="对方4图片" width=60 height=60 border=0></a></td>对应的表格第二行也应添加一格名称<td>对方1名称</td> 。

    想了解表格的制作方法吗?请点击:各种表格的制作

    效果如下:

首页五种友情链接的方法及代码 - 蓝天 - 蓝天博客 首页五种友情链接的方法及代码 - 蓝天 - 蓝天博客 首页五种友情链接的方法及代码 - 蓝天 - 蓝天博客 首页五种友情链接的方法及代码 - 蓝天 - 蓝天博客 首页五种友情链接的方法及代码 - 蓝天 - 蓝天博客 首页五种友情链接的方法及代码 - 蓝天 - 蓝天博客 首页五种友情链接的方法及代码 - 蓝天 - 蓝天博客

蓝天网易博客

蓝天网易博客

蓝天网易博客

蓝天网易博客

蓝天网易博客

蓝天网易博客

蓝天网易博客

 

      五、表格链接代码:

 

<TABLE borderColor=#33ccff height=100 width=437

align=center bgColor=#000000 border=1><TBODY><TR><TD>

<A href=" 对方1地址"> 对方1名称</A></TD><TD>

<A href=" 对方1地址">对方2名称</A> </TD><TD>

<A href=" 对方1地址"> 对方3名称</A></TD><TR><TR><TD>

<A href=" 对方1地址">对方1名称</A></TD><TD>

<A href=" 对方1地址">对方2名称</A></TD><TD>

<A href="对方1地址 ">对方3名称</A></TD><TR><TR><TD>

<A href=" 对方1地址">对方1名称</A></TD><TD>

<A href=" 对方1地址">对方2名称</A></TD><TD>

<A href=" 对方1地址">对方3名称</A></TD></TR>

</TR></TBODY></TABLE><BLOCKQUOTE></BLOCKQUOTE>

        效果:

   哥们干杯    蓝天博客    醉龙归舟
   晚霞博客    玫瑰夫人    双木林风
   静水澜语    沉默是金    憧憬博客

 

            

 你会制作表格吗?相关日志:表格制作及表内文字链接

请引用的朋友保留所有链接,谢谢!      

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多