Jelly Look Alike-Spinning Social Media Icons

Today i am back to talk about "How to add Spinning Social icons/Button to Blogger". Social Media Icons widgets use for to increase Your blog traffic. Social Network is one of the best way to increase visitors and Add your link to social sites and share your blog links with your friends and public (People) to Increase Blog traffic. Actually these posts is about Blogger Widgets and How to Increase Blogs Visitors/Traffic.
These social Media icons created with HTML and CSS. How it will work? When you you place your mouse cursor over each icon they spinning and when you Clicking on it will be open your social sites links. And one more thing social icons use for to Increase your Facebook Like, Increase Twitter Followers etc.

Jelly Look Alike-Spinning Social Media Icons

• Go to Blogger.com.
• Login into your Blogger Dashboard.
• Layout –> Click on Add a Gadget –> HTML/Javascript.
• Now copy the below copy and paste it the box.
• Then Click on Save.

<style>  #social a:hover {background-color: transparent;opacity:0.7;} #social img { -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; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style>
<div align="left">&nbsp;</div>
<center>
<div><a title="Grab Our Rss Feed" href="YOUR-FEED-URL- GOES HERE" target="_blank"><img style="margin-right: 1px" border="0" alt="Icon" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ0-UU6UaTX4w6JXu5l2Ttaw81xOejrtZZCkcb83oXVr-mm5uUZNlHfR1OiHK1x1-gfr7gfomTakHo6qIYZReIq10db6xIaH8rb9m5FTKq5F6Ff8ap2mhUL6ZCDXnJvXFfeSmB6yWCHNQB/s1600/RSS-Feed-2.png"></a> <!--End Rss Icon--><!--Start Email Rss Icon--><a title="Subscribe on Youtube" href="YOUR YOUTUBE USERNAME GOES HERE" rel="nofollow" target="_blank"><img style="margin-right: 1px" border="0" alt="Icon" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5aUxN6YpeDwLCQSGOahSx1UtGRx6CbfcGJ_veP1G8IyxtFlQvxAntZHWF3qHDKzbCX0CSkvFI4P877Q8DTxwSAnEVkJC9lKVZ_zTkwEdXyol3qvScZ02QoZwp99CROtuz6dN6hcspXts2/s1600/YouTube-2.png"></a> <!--End Email Rss Icon--><!--Start Facebook Icon--><a title="Like Our Facebook Page" href="YOUR-FACEBOOK-FAN-PAGE-URL-GOES-HERE" rel="nofollow" target="_blank"><img style="margin-right: 1px" border="0" alt="Icon" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9q3u8EYSALbdYcDI2V_e14HZWWHqgIdb7M_7rm8mxizSpL12OnRr-pQpfzR250Fr0KBsUQNLg206wa2qmRv7pcVXiggs6ixKpclodsUd1Z7Fhd94Y1agfyrBbASqyFznHzwKI__1bNg9L/s1600/Facebook-2.png"></a> <!--End Facebook Icon--><!--Start Twitter Icon--><a title="Follow Our Updates On Twitter" href="YOUR-TWITTER-FAN-PAGE-URL/USER-NAME-GOES-HERE" rel="nofollow" target="_blank"><img style="margin-right: 1px" border="0" alt="Icon" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ6h6UePdMv_J-0H6gCMAERZ2vl1FUEhNCrFL6e4PWM3ru3ORIHtuWMICkJh5Ek32cRXUFwVao36zIJ8wtpOr8dely9mfSKkk8bo_gHw1-LluXTA5SWQEF0oeLcYhWdvyheBn_Z_7nWh_x/s1600/Twitter-2.png"></a> <!--End Twitter Icon--><!--Start Google+ Icon--><a title="Follow Us On Google+" href="YOUR-GOOGLE-PLUS-PAGE-URL-GOES-HERE" rel="nofollow" target="_blank"><img style="margin-right: 1px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO9z6us1dAt1TqmQX_OSBaNkRJ0r9Bomtu9kv0yRA6FS6EaYYqeizXxq4cg8NRqK55wor_SJqZXPilmhWTWEV0BxyAoeJY0JqvzlPJc_a392GmYP7LxoFW5JLyii2AdhzwCyDVGwaA9QXq/s1600/Google++2.png"></a> <!--End Google+ Icon--><!--Start Pinterest Icon--><a title="Follow Our Pins" href="YOUR-PINTEREST-URL-GOES-HERE" rel="nofollow" target="_blank"><img style="margin-right: 1px" alt="Follow Me on Pinterest" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbZTfMjozBb2rPC8GOVgawALCfK9auEP1ALFxt5JebIT1lLWwL2z9p1TsmDlGAZIqO_iadUi4r5PRtYk6nyplAptqiyIG6camqj7Ujr175PovWUXZNAJgU4UHrzA85ko4KCfqQFJhYeZAr/s1600/Pinterest-2.png"></a> <!--End Pinterest Icon--></div><br/>

Note : In the above code some should be replaced with the following.

• YOUR-FEED-URL- GOES HERE with your feed name URL.
• YOUR-YOUTUBE-USERNAME-GOES-HERE with your YouTube Username.
• YOUR-FACEBOOK-FAN PAGE-URL-GOES-HERE with your Facebook fan Page URL.
• YOUR-TWITTER-FAN-PAGE-URL/USER-NAME-GOES-HERE with Twitter user name or Fan page.
• YOUR-GOOGLE-PLUS-PAGE-URL-GOES-HERE with Google Plus Profile or Fan Page URL.
• YOUR-PINTEREST-URL-GOES-HERE with Twitter user name or Fan page.

Want to remove any part of the code ? Don’t worry i coded that it will be easy for you to understand. If you want to remove Pinterest Icon, just delete the code from <!--Start Pinterest Icon—> ______________________<!—End Pinterest Icon—>. Same way you can delete the code for Rss Feed, Facebook, YouTube, Twitter and Google Plus.