DO NOT MISS

2016年4月18日 星期一

【教學】網站跟隨者人數與連結語法

擺在網頁旁邊的效果。

放大。
跟隨者的數字需要自己定期更新,它不會幫你跳數字。

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>

張貼留言

若想對本站小額贊助,支持創作,請點:如何贊助中澤?
 
今晚的中澤沒有極限 | BLOGGER | BAHAMUT | FACEBOOK | PIXIV | STEAM | TWITCH | TWITTER | YOUTUBE