多說【最近訪客】JS外掛程式通用代碼使用方法

標籤：style   blog   http   io   color   ar   os   使用   java   

多說【最近訪客】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樣式

 

www.wonima.com喔尼瑪

多說【最近訪客】JS外掛程式通用代碼使用方法