你好,欢迎访问远方教程PC版!
广告位招租
网站首页 >> HTML入门 >> HTML5教程 >> 文章内容

微信分享时显示自己网站的LOGO小图片

[日期:2015-09-14]   来源:远方教程  作者:远方教程   阅读:10840次[字体: ] 访问[旧版]
 捐赠远方教程 

  制作手机网站的时候,可以通过简单胡代码设置,实现“微信分享时显示自己网站的LOGO小图片”。准备工作是自己网站的LOGO小图片,图片要求300px*300px,如下图是远方教程的logo图片:

微信分享时显示自己网站的LOGO小图片-远方教程

制作好图片以后,进入代码设置阶段。在网页的<head></head>之间加入如下代码:

<head>

    <div id='wx_pic' style='margin:0 auto;display:none;'>
    <img src='../images/wxpic.jpg' /><!--图片路径自己更换-->
    </div>

</head>

注意,上述代码中的图片路径需要自己更换。

好了,以后再分享朋友圈的时候,小图片就会是你自己的网站logo了。

效果如下图:

微信分享时显示自己网站的LOGO小图片-远方教程

图片展示
 
相关评论
站长推荐