Wordpress style Social media Widget for blogger

Hey Freinds try out this cool Wordpress styled social subscribtion widget for your blog. Everyone social media is a great way to get huge traffic. This widget is very cool and attractive just grab it. I hope you will love it.

How to add this widget to your blog. Just follow this simple steps
>>Open Your Blogger Dashboard 
>> Then Layout 
>>Then Click on the Add a Gadget Button 
>>Then Open HTML/JavaScript box 
>>Now Paste the below code in the box of gadget.


<style> .rss-ST { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4697p9KZQwP5Vuu2cWXmk0YLRir1FadUczlgZCqLn41qVdYeHNgaBGah1mUUwG8GICo1bd7xlR5EzSjQDgBCCo5tVyqzel5T6sBc09x9joC0HkH5OQEV6Ujbg0js43XvYkCzf-O_Ivu_A/s64/rss%2520sepia.png) no-repeat; height: 64px; padding: 0px 20px 0px 80px; margin-top: 5px; } .rss-ST:hover { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKpI6x2L7Rnm6Snc3tGRHIEtxTzNDSA-RCwPDNipGXLeCqD_imXHk8eJg263uQKVS4yC9epNTOTl8iLFz-90cSMBFijSGlsgX8EcNtqAmmtvH-Flhv2KSUyliWEcT9RcPeFTCgCtT882e1/s64/rss.png) no-repeat; } .twitter-ST { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir0Nt1IdjegJ5aoculTrtlLXgz0b3u9ad-8eFqV_pLMekIh7Guf86u22-E1lm8YiJWlcZzS98c5ui26nQvYrY7yNn5rNtoH4EZ6zP7e1uc6amS0dbWu4ElNHT685tH8zpyJhy3_USh376q/s64/twitter.png) no-repeat; height: 64px; padding: 0px 20px 0px 80px; margin-top: 10px; } .twitter-ST:hover { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRDSoW5PD2wtbrFiZZIgPTs0A6wjvHSsUaGj9QQu8U3DdCYYT5FSD17GdI938cCW3zBoO5OQHfvaKlFN-cDQNIiVIk1PyA2ALnZU-p2VZ69KxFwLc-hGm3rypEiUxKSxyDh52FpVRm9sFa/s64/twitter-blue.png) no-repeat; } .facebook-ST { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip0YqCAQL3l4kadJ0HMZPimdB1qgfNdo1DhddwYv3jC7JSZ9eu5JBf3IU_C_mLsMRfaMRfUam3DAk6uiJY24Ao9H6KbD739CR0hQW-XYGneQm4yRdCOwbl8C5Q7d-UL9_cLZMYz1IBtY8u/s64/fb%2520sepia.png) no-repeat; height: 64px; padding: 0px 20px 0px 80px; margin-top: 10px; } .facebook-ST:hover { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPjjtpgvLE6oOC5R9nCobJwoq9U8CMIRWRl9Q13WXip3sN00YYtlB6Ne56pzr2B721SQ6BVEkkhNkiowc-1pgz48YQumHLokkl10PoYEHozfSFcZ6XKkkn2BF_hCJpbwACaL-q_dJViPhE/s64/facebook-logo.png) no-repeat; } .follower-rss, .follower-twitter, .follower-facebook { font-family: Georgia,  sans-serif, Times; font-size: 1.5em; font-style: italic; color: #D3C5B1; padding-top: 05px; text-shadow: 1px 1px #B2A99D; } .follower-rss a, .follower-twitter a, .follower-facebook a { color: #AA9C89; } .follower-rss span { font-size: 2.2em; font-weight: bold; font-style: italic; } .follower-twitter span { font-size: 1.9em; font-weight: bold; font-style: italic; } .follower-facebook span { font-size: 1.9em; font-weight: bold; font-style: italic; } </style> <div class='rss-ST'> <div class='follower-rss'> <span> <a href='http://feeds.feedburner.com/Cybergeekos'>500+</a> </span>Readers</div> </div> <div class='twitter-ST'> <div class='follower-twitter'> <span> <a href='http://twitter.com/vishalassassin' rel="nofollow">200+</a> </span>Followers</div> </div> <div class='facebook-ST'> <div class='follower-facebook'> <span> <a href='http://www.facebook.com/cybergeekos'>15k+</a> </span>Fans</div> </div>

After pasting this code, Just replace the coloured code with your us ernames. That's all. You can also edit it more. You can change the values of readers  and fb likes as you want.

Enjoy