【教學】網站跟隨者人數與連結語法
擺在網頁旁邊的效果。
放大。
跟隨者的數字需要自己定期更新,它不會幫你跳數字。
1.到後台,前往文章清單。
2.版面配置。
3.新增小工具。
4.加入HTML/JavaScript語法,按藍色框框內的+圖示。
5.複製語法(在文章後面),儲存即可完成。
<a href="#" target="_blank">是放網站連結的語法,網址的部分(紅色字)請自行更改。
再次重複,跟隨者的數字(藍色字)需要自己定期更新,它不會幫你跳數字。
以下語法:
<div class="widget-content">
<div id="social-counter-widget" class="style4-SC">
<ul class="social-counter-widget">
<li class="social-counter-twitter">
<a href="https://twitter.com/Gensir752863941" target="_blank">
<i class="icon social_icon-twitter fa fa-twitter"></i>
<span>20</span>
<small>Followers</small>
</a>
</li>
<li class="social-counter-facebook">
<a href="https://www.facebook.com/Gensir752863941/" target="_blank">
<i class="icon social_icon-facebook fa fa-facebook"></i>
<span>691</span>
<small>Fans</small>
</a>
</li>
<li class="social-counter-gplus">
<a href="https://plus.google.com/+google" target="_blank">
<i class="icon social_icon-google fa fa-google"></i>
<span>7,123,703</span>
<small>Followers</small>
</a>
</li>
<li class="social-counter-youtube">
<a href="https://www.youtube.com/user/OFFOFFify" target="_blank">
<i class="icon social_icon-youtube fa fa-youtube"></i>
<span>900</span>
<small>Subscribers</small>
</a>
</li>
<li class="social-counter-vimo">
<a href="http://vimeo.com/channels/" target="_blank">
<i class="icon social_icon-vimeo fa fa-vimeo-square"></i>
<span>1,197</span>
<small>Subscribers</small>
</a>
</li>
<li class="social-counter-soundcloud">
<a href="http://soundcloud.com/" target="_blank">
<i class="icon social_icon-soundcloud fa fa-soundcloud"></i>
<span>51,864</span>
<small>Followers</small>
</a>
</li>
</ul>
</div>
</div>