Social media is one of the major ways to get targeted traffic to your blog or website.Adding social media buttons to your blog will definitely increase your followers on those sites and hence your reach. Some time before i have shared social media widget for blogger with slide over animation made with CSS3. Today i am going share another social media widget with spinning roll over animation. See a Demo here. Lets see how to add this to blogger.

Installation

  • Open your Blogger Dashboard
  • Goto Layout and click Add a gadget
  • In the window that opened, select HTML/Javascript
  • Now copy and paste the below code in the HTML/Javascript window 
<link href='https://googledrive.com/host/0ByP5-IaubR8nZWs3TVF6SW1wMG8' rel='stylesheet'/><center><a href="https://twitter.com/Clubtechnicate" target="_blank"><div class="twitter-roll social-roll" title="Follow Our Updates On Twitter"></div></a>
<a href="http://www.facebook.com/Technicate" target="_blank"><div class="facebook-roll social-roll" title="Like Our Facebook Page"></div></a>
<a href="https://plus.google.com/110734205749057524809?prsrc=1" target="_blank"><div class="gplus-roll social-roll" title="Follow us on Google Plus"> </div></a>
<a href="http://feeds.feedburner.com/technicate" target="_blank"><div class="supon-roll social-roll" title="Grab Our RSS Feed "></div></a>
</center>
  • Replace the red highlighted usernames with your respective social media usernames and save the widget
You are done !!! :-) Problem with Installation ? Feel free to ask your questions as comments below :-)

2 comments:

  1. Can I change the color somehow?

    ReplyDelete

Receive All Free Updates Via Facebook.