Tuesday, July 30, 2013

Social Media Widget With Counters For Blogger Blog

Author: Gagan Masoun
Social Media Widget With Counters
Previously I shared Pinterest Pin It button with counter for blogger blog. But one of my reader asked me for another type of social sharing widget with counter that's why I have developed this widget and I hope all of you will like it. Today in this tutorial we will show you how to add Social Sliding Widget with Counter to blogger blog. The only disadvantage of this widget is that the counters are not automatic and you have to set the values manually.

It includes five social networks: Facebook, Twitter, Google+, Pinterest and RSS. See live demo of widget. Let's start the tutorial:

See Also - Smooth Sliding Social Bookmarking Widget

Add Social Media Widget With Counters

  • Go to Blogger Dashboard » Layout
  • Click On Add a Gadget
  • Choose HTML/JavaScript and Paste The Below Code In It.
<!--Sliding Social Widget at BlogsDaddy.com-->
<link rel="stylesheet" type="text/css" href="https://googledrive.com/host/0B66hLK2d2x4VWUFGYW5oZk5UOTg"/>
<div class="bd-social">
    <ul>
        <li><a class="bd-box facebook" href="http://www.facebook.com/BlogsDaddy"><p>10K+</p>Facebook </a></li>
        <li><a class="bd-box twitter" href="http://twitter.com/BlogsDaddy"><p>14K+</p>Twitter</a></li>
        <li><a class="bd-box gplus" href="https://plus.google.com/106217413057730068740"><p>7K+&nbsp;</p>Google+</a></li>
        <li><a class="bd-box pinterest" href="http://pinterest.com/gaganmasoun"><p>9K+&nbsp;</p>Pinterest</a></li>
        <li><a class="bd-box rss" href="http://feeds2.feedburner.com/BlogsDaddy"><p>13K+</p>RSS</a></li>
    </ul>
</div>
<!--Sliding Social Widget at BlogsDaddy.com-->
  • Save Your Widget and Its All Done! 

Customization

  • Replace Red Color Highlighted URL's With Your Own Social Networking Profile URL's.
  • Change The Number in Violet Color With the no. of Likes/Followers/Readers you have.
Now, this awesome style widget is yours. Add it to your blog and increase followers count. If you need our help then ask via comments section below. Blessings :)

2 comments:

  1. Cool widget! You can really track your score.... Keep it up and thanks for sharing this post..

    Regards

    Bloggingtipsandttrix.blogspot.com

    ReplyDelete
    Replies
    1. Glad to know that you enjoyed this tutorial. Keep in touch always.

      Cheers..

      Delete