多说【最近访客】JS插件通用代码使用方法

多说【最近访客】JS插件可以显示近期访问过你的博客并且已经使用向多说授权过的社交网络账号登录的用户头像,效果如下图所示。

多说最近访客JS插件

最近访客JS插件的添加步骤如下:

1. 添加多说公用JS代码,每个页面只需添加一次。


<!--多说js加载开始,一个页面只需要加载一次 -->
<script type="text/javascript">
var duoshuoQuery = {short_name:"您的多说二级域名"};
(function() {
    var ds = document.createElement('script');
    ds.type = 'text/javascript';ds.async = true;
    ds.src = 'http://static.duoshuo.com/embed.js';
    ds.charset = 'UTF-8';
    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ds);
})();
</script>
<!--多说js加载结束,一个页面只需要加载一次 -->

2. 在需要显示最近访客的位置添加class="ds-recent-visitors"的容器,比如div元素:<div class="ds-recent-visitors"></div>

容器可指定的属性列表如下:

data-avatar-size="45" //显示访客头像尺寸大小
data-num-items="12"  //至多显示访客的数量

3. 调整容器的CSS样式

本文链接:http://bookshadow.com/weblog/2014/05/16/duoshuo-common-js-visitor-plugin/
请尊重作者的劳动成果,转载请注明出处!书影博客保留对文章的所有权利。

如果您喜欢这篇博文,欢迎您捐赠书影博客: ,查看支付宝二维码

Pingbacks已关闭。

评论
  1. 自媒体网赚博客 自媒体网赚博客 发布于 2014年11月12日 20:37 #

    学习了,写得很不错。记得回踩噢~~~[爱你]

  2. 陈庚华律师 陈庚华律师 发布于 2015年10月12日 13:27 #

    不错 多谢

  3. 流量营销 流量营销 发布于 2015年10月13日 15:56 #

    博主加回访的人的信息有啥作用不?

  4. 小小小帅个人博客 小小小帅个人博客 发布于 2016年8月10日 12:07 #

    我的访客是竖着排的,该怎么横着排?

张贴您的评论