How to add spining social icon to blogger

in this post i show that how to add spining social icon to blogger


this most popular widget for blogger and website ,many user of blogger like this when anyone touch the mouse to image it starting spining 
to add this cool spining social widget to your blogger blog follow the steps

Follow The Steps


Go to blogger

Select your desire blog


Click on {show with red mark in image]




Now select Layout



And click on Add gadget



Now select Html/javascript




in title write your widget title and paste code


Paste the below Code in html java script
and click on save

copy the code

<style>

p#rb_socialicons img {
/* Spinning Social Icons Widget By www.Awkkhan.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;
}

p#rb_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.Awkkhan.blogspot.com */

</style>


<center><p id="rb_socialicons">
<a href="http://www.facebook.com/faran.awk">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUfcg5YsNMzL_CgvC1qA0LdXgOik0a4-4J4Wzk74WwscLTh-LAJaa1nZF10X15sIthfZsUCTq2cIKMdfr2jocgrAVGKlpc1a6Or-x3YzEGdUjwEnGuh4ww0-S3XiwGiS6c2ofx-GSo7Fw/s1600/rb+facebook+icon.png" /></a>
<a href="http://www.twitter.com/Awk_khan/">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2BA6Zrw5ni6kSAVFaeAvsKU3MZWM_JzRY4vd6bm1t5lgztIExQiB7cEgDLnyvRD07G3qP_kkNbonWNojMb_9W4mSn2B9VMt9XqnOY4HOToIKgNkcGGbRVIhLjuzegQn98qTb7CYr7qAM/s1600/rb+twitter+icon.png" /></a>
<a href="https://plus.google.com/u/0/105174130224874488118">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq8bAU53IST0TeF6lnilun8aXHjcMwA9vX6QzGe4AUV00EtP4GBuG213dS6h-DUMtXBR98WxeLQckhXUOFfiDAPk2yXns17vtu0ZiXyaeb1EGTZExXJGYSdpsoHxlwTFLDg3kY886C1BQ/s1600/rb+google+plus+icon.png" /></a>
<a href="http://www.feeds.feedburner.com/AWKKHAN/">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpedFtvaRu-acqoNn0TXg-2wWJVqbTn8CeCCmizanEOvIeANMJz45A2LhFZUjLdws9XQMuDixOfE5MGE_9rek4c2O-0IUipKFqKeozSLhX8HEoA7nAb7xlmuzC-A-UFk54jQ6XgOm_KmU/s1600/rb+rss+feed+icon.png" /></a>
<a href="http://www.youtube.com/AWKKHAN/">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkLNloTm4ExXGSDTuS1aWG_weg4BlDJTrxHcNB2xdYIVunA5TaSfkh_dsD4_AqMHeHJw2xTirATeEKwC2fNtKvpLEHLFAYez6shE43FRLQw2at7qg_PJ5FkAPVGgrAMeAgZT2ZMOp6bhY/s1600/rb+youtube+icon.png" /></a>
</p></center>


only changes the link with markup with your youtube,facebook,twitter,google+rss feed user name