20 March 2013

Stylish Social Media Widget For Blogger


515 loyal readers
RSS feed | E-mail



  • Select  Layout

  • Click on  Add a Gadget

  • Select HTML/JavaScript from the options listed

  • Copy and Paste the following code in HTML/Javascript box.


<style> 
#MH_socialicons img { 
/* Spinning Social Icons Widget By www.masterhacksindia.blogspot.com */ 
    -moz-transition: all 0.8s ease-in-out; 
    -webkit-transition: all 0.8s ease-in-out; 
    -o-transition: all 0.8s ease-in-out; 
    -ms-transition: all 0.8s ease-in-out; 
    transition: all 0.8s ease-in-out; 
#MH_socialicons img:hover { 
    -moz-transform: rotate(360deg); 
    -webkit-transform: rotate(360deg); 
    -o-transform: rotate(360deg); 
    -ms-transform: rotate(360deg); 
    transform: rotate(360deg); 
}

/* Spinning Social Icons Widget By www.masterhacksindia.blogspot.com */</style>

<center><p id="MH_socialicons"> 
    <a href="http://www.facebook.com/masterhacksindia"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4Oy8ufFJrwTOo7xaINhKI_jC8PpYlIzGTJARO0fkaToaWGEytvPaaRotCe5WRmL4rfv3JrEO0B5O9lI8VX4FrGyDfWZ1v59vSqUNoXThxPuAxMwC_u4-a-orWXOXTEzMR17fRp4WSNZTN/s1600/NBT+facebook+icon.png" /></a> 
    <a href="http://www.twitter.com/arunjohnson001"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid6x4IkUXDUeFnorK9MGo4D42a5VxLUqLbXDHJMit2yBxWj8NsEGzsnClTWq0ZpNizbWGG_D6ByW8rYd3iKXhZzEjjm2q_HshT0Of_OzstYJjynMffd0yd-f1CvtQMO5A8ukhMbw8thuWr/s1600/NBT+twitter+icon.png" /></a> 
    <a href="https://plus.google.com/109278971237541628404"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-IV367IRNO8IcHhemTw3gN3AOmZ2r05hzXYNmVZEjt_u_zbi8cj4M20xF3BiSpMlxLu2mECr6o5PQ1jDvMMUNtQAbX3lKIIjsnb-TiO7Ez1hnQDrd0sncd2aXJJKR5IO-KIRsTgZK9Q84/s1600/NBT+google+plus+icon.png" /></a> 
    <a href="http://www.feeds.feedburner.com/masterhacksindia"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBm7LBs0m65X4sne8Nh37CiNHTae2q4t6ShyphenhyphenLw6PrgKW43fDGdFzp0EHs2xed9G_ZOKgYTQx9R0sI6lqkCQnfKIaLukf43KJ8K_LwGWA-7OPU-BAhnvg547xle3Pnx0yrrQEFoh5yND7hE/s1600/NBT+rss+feed+icon.png" /></a> 
    <a href="http://www.youtube.com/arunjohnson001"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFPpcvqDpc-6UmuVK8Meb8DE57pb8JBMcJDniHEImh0yahe94upgVomMLX8aW92I2RfZAfsKfzrslB8bAcZ2HrZEmbgGOp28-pCYbC30og60OWF50K9GPQcoQnbPt6fomj41UvVuymaoXE/s1600/NBT+youtube+icon.png" /></a> 
</p></center>


Change RED color (Include rotation time (8s) & rotation angle (360deg)) with your Values and Links

  • Save It
Related Posts Plugin for WordPress, Blogger...

0 comments:

Blogger Template by Clairvo