Follow Me buttons with Counter and Rollover Effect For Blogger

This is one of the coolest follow me buttons on blog-toolz.I have named these buttons as "Follow Me Buttons With Counter And Rollover Effect" as they have both effects. This buttons have a hover effect. On hover these icons change into junked steel like icons this buttons will cool for any blog.This buttons also have a text written on there right side. These text can be changed with your text. So i will teach you how to add this buttons to your blog.
View Demo

Steps To Add Follow Me Buttons To Blogger

• Login to your Dashboard.
• Go to Layout.
• Add a Gadget >>HTML/Java Script.
• Paste the below code there.

<style>.rss-blog-toolz{background: url(http://i1269.photobucket.com/albums/jj591/aditya9172/sadfsdxcv.png) no-repeat;height: 64px;padding: 0px 20px 0px 80px;margin-top: 20px;}.rss-blog-toolz:hover{background: url(http://i1269.photobucket.com/albums/jj591/aditya9172/zc.png) no-repeat;height: 64px;padding: 0px 20px 0px 80px;margin-top: 20px;}.twitter-blog-toolz{background: url(http://i1269.photobucket.com/albums/jj591/aditya9172/hgt.png) no-repeat;height: 64px;padding: 0px 20px 0px 80px;margin-top: 20px;}.twitter-blog-toolz:hover{background: url(http://i1269.photobucket.com/albums/jj591/aditya9172/cfghfgh.png) no-repeat;height: 64px;padding: 0px 20px 0px 80px;margin-top: 20px;}.facebook-blog-toolz{background: url(http://i1269.photobucket.com/albums/jj591/aditya9172/sadfasd.png) no-repeat;height: 64px;padding: 0px 20px 0px 80px;margin-top: 20px;}.facebook-blog-toolz:hover{background: url(http://i1269.photobucket.com/albums/jj591/aditya9172/sdfsadfa.png) no-repeat;height: 64px;padding: 0px 20px 0px 80px;margin-top: 20px;}.follower-rss, .follower-twitter, .follower-facebook{font-family: Georgia, sans-serif, Times;font-size: 1.1em;font-style:italic;color:#289728;}.follower-rss span{font-size: 1.9em;font-weight: bold;font-style:italic;color:#FFB93C;}.follower-twitter span{font-size: 1.9em;font-weight: bold;font-style:italic;color:#6DB6E6;}.follower-facebook span{font-size: 1.9em;font-weight: bold;font-style:italic;color:#3889BA;}</style><div class="rss-blog-toolz"><div class="follower-rss"><span>100</span> loyal readers </div><a href="http://feeds.feedburner.com/blog-toolz" rel="nofollow">Grab Our RSS feed !</a></div><div class="twitter-blog-toolz"><div class="follower-twitter"><span>365</span></div><a href="https://twitter.com/BlogToolz" target="_blank" rel="nofollow">Follow us on Twitter!</a></div><div class="facebook-blog-toolz"><div class="follower-facebook"><span>221</span></div><a href="http://www.facebook.com/BloggingTrickzAndToolz/" target="_blank" rel="nofollow">Join us on Facebook!</a></div>

Note:- Change the Red Links with your Links. You can also change the Green numbers with yours

• Click on Save .

It'sDone.

Categories: Blogger Widgets , Social Media Gadgets