0
Today i will Teach You How to add a Beautiful CSS Social Sliding Widget With Counters For Blogger, Its Pretty Simple If you follow the below Steps.



Step1: Goto Blogger Dashboard --> Layout --> Add a Widget --> HTML/Javascript.

Step2: Just Paste the Below Code on the Space Given on HTML/Javascript.

<!--Sliding Social Widget at wwesnaps.blogspot.com-->
<link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/u/76401970/All%20Blogger%20Tricks/abt-sliding-social.css"/>
<div class="abt-social">
    <ul>
        <li><a class="abt-box facebook" href="#"><p>15K+</p>Facebook </a></li>
        <li><a class="abt-box twitter" href="#"><p>10K+</p>Twitter</a></li>
        <li><a class="abt-box gplus" href="#"><p>5K+ </p>Google+</a></li>
        <li><a class="abt-box pinterest" href="#"><p>4K+ </p>Pinterest</a></li>
        <li><a class="abt-box rss" href="#"><p>10K+</p>RSS</a></li>
    </ul>
</div>

<!--Sliding Social Widget at wwesnaps.blogspot.com-->


Step3: After Adding the Above code Just Replace the '#' Code with the Link of your social media page and then Replace the Likes of those pages which is Given in Red Colour.

Post a Comment