多说《最近访客》调用代码设置头像大小的方法

多说评论框是个好东西,虽然现在基本不更新了,但是还是很多忠诚用户,

首先你的站点/博客是在使用多说社交评论框,所以你无需再去布置js代码,只要将通用调用HTML代码放在你需要展示的位置,我们先看看效果(最近的12个访客,头像为70px*70px)。

多说最近访客通用调用代码

<div class="ds-recent-visitors"></div>

在这里说明下,因为生成的标签是div,官方用的是ul但是生成的标签并不是li所有我们规范下,当然内容都是js异步加载的可能不会牵涉ul下面插div的不规范问题,但是ul和li是配合使用的,页面中一个ul空标签难免还是会有问题。

如果你和我一样只是在文章详情页面调用了多说的js,却想要在主页或者其他页面展示你的站点/博客访客信息,那么你需要在那个页面插入多说的js,否则是无法加载最近访客信息的。如果你放了最近访客的代码却看不到最近访客就要检查下你是否字啊页面载入了多少的js。

多说的js代码

记得把第二行short_name的值QQ换成你的多说域名,比如我的是yijile

<!-- 多说公共JS代码 start (一个网页只需插入一次) -->
<script type="text/javascript">
var duoshuoQuery = {short_name:"QQ"};
    (function() {
        var ds = document.createElement('script');
        ds.type = 'text/javascript';ds.async = true;
        ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//static.duoshuo.com/embed.js';
        ds.charset = 'UTF-8';
        (document.getElementsByTagName('head')[0] 
         || document.getElementsByTagName('body')[0]).appendChild(ds);
    })();
    </script>
<!-- 多说公共JS代码 end -->

上面我们说道了如何添加多说评论的最近访客和最近访客调不出来的排错办法,下面我们说说重点,就是自定义多说评论最近访客的展示个数和访客头像的显示大小。

其中主要有2个参数,

//参数说明
data-num-items="30"  // 设置展示次数 显示30个最近访客
data-avatar-size="50"  // 设置头像大小 50px X 50px

使用方法就是直接插入我们之前使用的调用HTML代码上

<div class="ds-recent-visitors" data-num-items="10" data-avatar-size="50"></div>

演示:最近访客,刚刚来过的那个人

然后这里哟啊说明下,无论你设置的最近访客头像是多大它最载入的图都是宽高为50px的图片,所以不要设置太大,如果设置太大就会失真照片上就会有很多噪点哦。

多说社交评论框注册地址:http://duoshuo.com/

旧文:六月读文摘要 view 489

转载请注明转自:一极乐https://yijile.com/log/490.html


话题相关文章

话题标签

HTMLTypecho模版代码乐知道

一极乐 为乐趣而生

《多说《最近访客》调用代码设置头像大小的方法》  发表时间:  最后更新时间:

谁来过

寒叶邀请你对本文不足说出你的看法!

添加新评论

captcha




博主推荐专题

佛学资料Typecho模版代码乐知道CSS百度CyanogenMod
搜索引擎提交入口言辞


关闭

标签云

一极乐 衷心接受你的建议

TOP