分享

博客图片加链接的制作方法

 冷眼一丁 2012-05-19

        图片加链接,就是在图片中加入网址,点击图片就可进入指定的网址。

       我在图片中加入链接使用的是LOG链接代码,代码如下:

<P align=center><A target=_blank href="网页地址" target=_blank><IMG style="WIDTH: 91px; HEIGHT: 35px" height=444 src="图片地址"
width=407></A>   <DIV></DIV>
 
        使用时把想要链接的地址覆盖在代码中网页地址上,然后把图片网址覆盖在图片地址上,如果你得不到图片地址,那你就要把图片存到你电脑中,然后上传到你博客中,最后得到图片地址,把图片地址覆盖在代码中图片地址上即可!
        图片大小可以调整代码中的WIDTH(宽): 91px; HEIGHT(高): 35px
 
        下面举例详细介绍一下操作步骤:
        比如我要把下面这个网址上的我的一张图片和我博客首页的网址制作在一起。
        网页地址:http://blog.sina.com.cn/u/1323628332
        图片网址:http://s2.sinaimg.cn/orignal/4ee4f72ch652a168358f1&690
 
    步骤:
    一、打开发博文页面,把左下角“显示源代码”前的小方块点一下,小方块中出现一个“绿色的小对勾”。

    二、把代码复制后粘贴在发博文栏中。

<P align=center><A target=_blank href="网页地址" target=_blank><IMG style="WIDTH: 91px; HEIGHT: 35px" height=444 src="图片地址" width=407></A> 
<DIV></DIV>

 
    三、把我博客首页的网址复制后粘贴覆盖在“网页地址”处,把图片网址复制后粘贴覆盖在“图片地址”处。
    在选择图片时,选择后点击图片,然后再点击图片下的“原图”打开原图网址,要使用这个图片网址的链接。


    四、然后根据需要调整适合的高和宽。如下:

<P align=center><A href="http://blog.sina.com.cn/u/1323628332" target=_blank><IMG style="WIDTH: 291px; HEIGHT: 235px" src="http://s2.sinaimg.cn/orignal/4ee4f72ch652a168358f1&690" width=407 height=444></A>  </P>

 

    五、最后把左下角“显示源代码”前的小方块再点一下,小方块中“绿色的小对勾”消失,就会出现一张制作好加入了网址链接的图片。可以先点击“预览博文”,然后点击图片检验效果。

      所有步骤操作完成后,图片加网址链接的制作就完成了。


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

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多