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+ </p>Google+</a></li>
<li><a class="bd-box pinterest" href="http://pinterest.com/gaganmasoun"><p>9K+ </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.
Cool widget! You can really track your score.... Keep it up and thanks for sharing this post..
ReplyDeleteRegards
Bloggingtipsandttrix.blogspot.com
Glad to know that you enjoyed this tutorial. Keep in touch always.
DeleteCheers..