Wind - The Longest Social Media Buttons Widget

by Unknown 04:07 7 comments
I love making records. So i thought why don't I make some record in Blogger. Thats the time when an idea struck my mind and this widget is the after effect of that idea. Wind is the longest social media icons widget ever created for blogger. We named it wind because of its fast and speedy layout. It doest slow out your webpage as it is made of CSS Sprites which is one of the latest technologies. I dont think the record is tru. Maybe there are longer ones. But, in my knowledge, this is the longest ever. This widget can make your fan pages rock. It grabs the attention of the visitors and compells them to click it. It has a beautiful hover effect. This widget uses CSS Sprites as i mention above. It makes the hover effect of the widget really smooth and effective. This widget has icons of most of the major social media icons. We have also arranged a live demo for it in our homepage. This widget has the buttons and icons of major social media websites like Behance, Blogger, Digg, Dribble, Email Facility, Facebook, Flickr, Instagram, LastFM, LinkedIn, LiveJournal, Myspace, Paypal, Pinterest, Reddit, Soundcloud, Spotify, StumbleUpon, Tumblr, Twitter, Vimeo, Wordpress and Youtube. WOW! Right ? Truly amazing. Well , Add it to your blog or website right away. You can add it anywhere because its made of the universal computer language, that is, HTML and CSS. Please share the widget if you like this. It will fly like Wind with your one share.

STEPS To Add It In Blogger

  1. Go To Blogger - Layout - Add A Gadget
  2. Now Copy the below code and Paste It.
  3. If you want you can paste it directly in the template.
  4. Now Save and Enjoy

Source Codes

<center><div class="twelve columns">
        <div class="social-media-buttons">
             <a href="#" target="_blank" title="Behance" class="behance-button has-tip tip-top radius"></a>
             <a href="#" target="_blank" title="Blogger" class="blogger-button has-tip tip-top radius"></a>
             <a href="#" target="_blank" title="Digg" class="digg-button has-tip tip-top radius"></a>
             <a href="#" target="_blank" title="Dribbble" class="dribbble-button has-tip tip-top radius"></a>
             <a href="#" target="_blank" title="Email" class="email-button has-tip tip-top radius"></a>
             <a href="#" target="_blank" title="Facebook" class="facebook-button has-tip tip-top radius"></a>
             <a href="#" target="_blank" title="Flickr" class="flickr-button has-tip tip-top radius"></a>
             <a href="#" target="_blank" title="Google Plus" class="gplus-button has-tip tip-top radius"></a>
             <a href="#" target="_blank" title="Instagram" class="instagram-button has-tip tip-top radius"></a>
             <a href="#" target="_blank" title="LastFm" class="lastfm-button has-tip tip-top radius"></a>
             <a href="#" target="_blank" title="LinkedIn" class="linkedin-button has-tip tip-top radius"></a>
             <a href="#" target="_blank" title="LiveJournal" class="livejournal-button has-tip tip-top radius"></a>
             <a href="#" target="_blank" title="MySpace" class="myspace-button has-tip tip-top radius"></a>
             <a href="#" target="_blank" title="Paypal" class="paypal-button has-tip tip-top radius"></a>
             <a href="#" target="_blank" title="Pinterest" class="pinterest-button has-tip tip-top radius"></a>
             <a href="#" target="_blank" title="Reddit" class="reddit-button has-tip tip-top radius"></a>
             <a href="#" target="_blank" title="Sound Cloud" class="soundcloud-button has-tip tip-top radius"></a>
             <a href="#" target="_blank" title="Spotify" class="spotify-button has-tip tip-top radius"></a>
             <a href="#" target="_blank" title="StumbleUpon" class="stumbleupon-button has-tip tip-top radius"></a>
             <a href="#" target="_blank" title="Tumblr" class="tumblr-button has-tip tip-top radius"></a>
             <a href="#" target="_blank" title="Twitter" class="twitter-button has-tip tip-top radius"></a>
             <a href="#" target="_blank" title="Vimeo" class="vimeo-button has-tip tip-top radius"></a>
             <a href="#" target="_blank" title="Wordpress" class="wordpress-button has-tip tip-top radius"></a>
             <a href="#" target="_blank" title="Youtube" class="youtube-button has-tip tip-top radius"></a>
        </div>
    </div>
</center>
<style>

.twelve,{ width: 100%; text-align:center }

* -----------------------------------------
   Social Media Icons - Blogger Kid
----------------------------------------- */
.social-media-buttons {
width:100%;
margin-top:15px;
text-align:center;
}
.behance-button, .blogger-button, .deviantart-button, .digg-button, .dribbble-button, .email-button, .facebook-button, .flickr-button, .gplus-button, .instagram-button, .lastfm-button, .linkedin-button, .livejournal-button, .myspace-button, .orkut-button, .paypal-button, .picasa-button, .pinterest-button, .reddit-button, .rss-button, .skype-button, .soundcloud-button, .spotify-button, .stumbleupon-button, .tumblr-button, .twitter-button, .vimeo-button, .wordpress-button {
width:32px;
height:32px;
margin-left:3px;
margin-right:3px;
margin-top:5px;
display:inline-block;
float:none;
text-align:center;
text-indent:-9999px;
overflow:hidden;
border-bottom: none !important;
cursor: pointer !important;
transition: background-position 0.3s ease-in-out;
-moz-transition: background-position 0.3s ease-in-out; /* Firefox 4 */
-webkit-transition: background-position 0.3s ease-in-out; /* Safari and Chrome */
-o-transition: background-position 0.3s ease-in-out; /* Opera */
}
.behance-button:hover, .blogger-button:hover, .deviantart-button:hover, .digg-button:hover, .dribbble-button:hover, .email-button:hover, .facebook-button:hover, .flickr-button:hover, .gplus-button:hover, .instagram-button:hover, .lastfm-button:hover, .linkedin-button:hover, .livejournal-button:hover, .myspace-button:hover, .orkut-button:hover, .paypal-button:hover, .picasa-button:hover, .pinterest-button:hover, .reddit-button:hover, .rss-button:hover, .skype-button:hover, .soundcloud-button:hover, .spotify-button:hover, .stumbleupon-button:hover, .tumblr-button:hover, .twitter-button:hover, .vimeo-button:hover, .wordpress-button:hover {
width:32px;
height:32px;
margin-left:3px;
margin-right:3px;
display:inline-block;
text-align:center;
text-indent:-9999px;
overflow:hidden;
transition: background-position 0.3s ease-in-out;
-moz-transition: background-position 0.3s ease-in-out; /* Firefox 4 */
-webkit-transition: background-position 0.3s ease-in-out; /* Safari and Chrome */
-o-transition: background-position 0.3s ease-in-out; /* Opera */
}
.behance-button {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ_J2WqrM0gzn98jMX8R3wI1FjKXGir5aRHj-sbweWdkGtn8wK9yjjYH45Qo4-bGDE3VmzX5ZXzeQLkGMHfEQeRIJQXzbtWO9td9ZbUIH390xlDzQpkhVhahRNnlThtTIf1tNa1wtvCfk/s1600/behance.png) no-repeat;
background-position:0 0;
}
.behance-button:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ_J2WqrM0gzn98jMX8R3wI1FjKXGir5aRHj-sbweWdkGtn8wK9yjjYH45Qo4-bGDE3VmzX5ZXzeQLkGMHfEQeRIJQXzbtWO9td9ZbUIH390xlDzQpkhVhahRNnlThtTIf1tNa1wtvCfk/s1600/behance.png) no-repeat;
background-position:0 -32px;
}
.blogger-button {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1zcJm_K2ZDgYM5gFXlLNvVKCsNsXeEJmlIy5LVMSl10ue_A6aum_qzd9mmIjUBPAUOJGj0KtJA0X6FmZTBfnGnmMM1QeXTpoEFLUVX8bjKCR5Tdfyv4HGvHo_f-I_rlxiPOk87BJX6Q0/s1600/blogger.png) no-repeat;
background-position:0 0;
}
.blogger-button:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1zcJm_K2ZDgYM5gFXlLNvVKCsNsXeEJmlIy5LVMSl10ue_A6aum_qzd9mmIjUBPAUOJGj0KtJA0X6FmZTBfnGnmMM1QeXTpoEFLUVX8bjKCR5Tdfyv4HGvHo_f-I_rlxiPOk87BJX6Q0/s1600/blogger.png) no-repeat;
background-position:0 -32px;
}
.digg-button {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyC8N_zvI3MbTyZhktI6A-AWgJZK8yS4oPlYCjsL-3vDeQ6awQXLAOMcsy09L-acyykvpQ3LElgTzR7oMFZOR0m7PmBrNAQ21MuYhjnS-WgL7USQoegZwbylNNJgB9aDXsz1FNL3oLyGw/s1600/digg.png) no-repeat;
background-position:0 0;
}
.digg-button:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyC8N_zvI3MbTyZhktI6A-AWgJZK8yS4oPlYCjsL-3vDeQ6awQXLAOMcsy09L-acyykvpQ3LElgTzR7oMFZOR0m7PmBrNAQ21MuYhjnS-WgL7USQoegZwbylNNJgB9aDXsz1FNL3oLyGw/s1600/digg.png) no-repeat;
background-position:0 -32px;
}
.dribbble-button {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwoJSbHNViMK7CfzdwasEaNE7NnQTfYLNROrtR9FlDcuc0TLThMFqr7C2Wb-GCahzuETNxmd5Afi2Fcxf36zJgRKF3VRGY35fQc1TEBDETaazhIrDR7IdR5e40C-ha6xlyeehf3tAHmzM/s1600/dribbble.png) no-repeat;
background-position:0 0;
}
.dribbble-button:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwoJSbHNViMK7CfzdwasEaNE7NnQTfYLNROrtR9FlDcuc0TLThMFqr7C2Wb-GCahzuETNxmd5Afi2Fcxf36zJgRKF3VRGY35fQc1TEBDETaazhIrDR7IdR5e40C-ha6xlyeehf3tAHmzM/s1600/dribbble.png) no-repeat;
background-position:0 -32px;
}
.email-button {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRt7fPshK2WhXUnxXl_tWWyx98nTdr4aB5WNViwGWaU05dlO_Oa7bCsD7_0wR0un3fDWqgO_IUt2ivXEQtwo8NJkZv-OM1tAxx6YsLHt4gMWhZHsLbJSBdnP-gIaM-P4kLb6YGhlRdHpg/s1600/email.png) no-repeat;
background-position:0 0;
}
.email-button:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRt7fPshK2WhXUnxXl_tWWyx98nTdr4aB5WNViwGWaU05dlO_Oa7bCsD7_0wR0un3fDWqgO_IUt2ivXEQtwo8NJkZv-OM1tAxx6YsLHt4gMWhZHsLbJSBdnP-gIaM-P4kLb6YGhlRdHpg/s1600/email.png) no-repeat;
background-position:0 -32px;
}
.facebook-button {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlySuuYialcvWgZha3HxsXQiXCvSBnw7hGkEb30TKbVYlKbL7oPe3dz17t_OTcIAO0LW69B80AbbdOAV7E4h5YMCpnT3BqpcTR0Rq8nBfTwIttwF1gZ6c1s7tzWudPPvjxNc-gbLWwzTM/s1600/facebook.png) no-repeat;
background-position:0 0;
}
.facebook-button:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlySuuYialcvWgZha3HxsXQiXCvSBnw7hGkEb30TKbVYlKbL7oPe3dz17t_OTcIAO0LW69B80AbbdOAV7E4h5YMCpnT3BqpcTR0Rq8nBfTwIttwF1gZ6c1s7tzWudPPvjxNc-gbLWwzTM/s1600/facebook.png) no-repeat;
background-position:0 -32px;
}
.flickr-button {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU3ikrpA9OBFVXcsLzmoZu7PuNFMQUa83eyvzqLMmAEGlO54wvuM1ehrH1w-PDzzhHq42GUf1JL_qbPMUyTtE-PvIFf4pUj82ta32BfDeyUbi985qwjZf4inSBtF2cb_DCyGno8DbQOgM/s1600/flickr.png) no-repeat;
background-position:0 0;
}
.flickr-button:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhU3ikrpA9OBFVXcsLzmoZu7PuNFMQUa83eyvzqLMmAEGlO54wvuM1ehrH1w-PDzzhHq42GUf1JL_qbPMUyTtE-PvIFf4pUj82ta32BfDeyUbi985qwjZf4inSBtF2cb_DCyGno8DbQOgM/s1600/flickr.png) no-repeat;
background-position:0 -32px;
}
.gplus-button {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjobrRv9tjylHXLKJ57Lab8MRBFe9cF60YTnWcdyFAVWYh2YP7oz9sidlYjPNxZs4mKhC39s9S8RI16BqBq9UZEFThnwCFUAs1iMzWX_D6tUrcHLhseh7zWO2ZLQxqpx-3gJix0sJMXSVI/s1600/gplus.png) no-repeat;
background-position:0 0;
}
.gplus-button:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjobrRv9tjylHXLKJ57Lab8MRBFe9cF60YTnWcdyFAVWYh2YP7oz9sidlYjPNxZs4mKhC39s9S8RI16BqBq9UZEFThnwCFUAs1iMzWX_D6tUrcHLhseh7zWO2ZLQxqpx-3gJix0sJMXSVI/s1600/gplus.png) no-repeat;
background-position:0 -32px;
}
.instagram-button {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGU0cDBGN-rcXvh2ScKC3d04tmTuP8cf9OJ50PrqegDo3oksCoNbiuTfolQoJeE8v014ydHHQRbzD-yzySJ9RGHrPU1v2NBGaxzgB4rjv8b6sfb4CqSAA51RJuEoEG7nDx7xtfjbACpgU/s1600/instagram.png) no-repeat;
background-position:0 0;
}
.instagram-button:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGU0cDBGN-rcXvh2ScKC3d04tmTuP8cf9OJ50PrqegDo3oksCoNbiuTfolQoJeE8v014ydHHQRbzD-yzySJ9RGHrPU1v2NBGaxzgB4rjv8b6sfb4CqSAA51RJuEoEG7nDx7xtfjbACpgU/s1600/instagram.png) no-repeat;
background-position:0 -32px;
}
.lastfm-button {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD9C4LX3tvNTd6P6yuVZ3S_DTxmwvjIJ1C1HNxs3F8nN9_YjpYM7Z5BNrx9bQfRL1-QJ3Bf0L4b3Q0FOZeRJxAvFzbi0n-Jre9mEdbgFXCXaBvXiKg2kD232PXEh0FrE-f4oqeaDCqwcA/s1600/lastfm.png) no-repeat;
background-position:0 0;
}
.lastfm-button:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD9C4LX3tvNTd6P6yuVZ3S_DTxmwvjIJ1C1HNxs3F8nN9_YjpYM7Z5BNrx9bQfRL1-QJ3Bf0L4b3Q0FOZeRJxAvFzbi0n-Jre9mEdbgFXCXaBvXiKg2kD232PXEh0FrE-f4oqeaDCqwcA/s1600/lastfm.png) no-repeat;
background-position:0 -32px;
}
.linkedin-button {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgatfSzf2mdjQrhLZ_6EeHspLokRyW86bNM1NRl4SGiRL5QpiD_VnDSHTRl_rPcm12ayDnzpo2uqh4qcpvSnToz9Y6-AwA-X0HWzZTAoQPHbPBchr5pGa1e_TitJL3xF7-lfk5kfwworuM/s1600/linkedin.png) no-repeat;
background-position:0 0;
}
.linkedin-button:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgatfSzf2mdjQrhLZ_6EeHspLokRyW86bNM1NRl4SGiRL5QpiD_VnDSHTRl_rPcm12ayDnzpo2uqh4qcpvSnToz9Y6-AwA-X0HWzZTAoQPHbPBchr5pGa1e_TitJL3xF7-lfk5kfwworuM/s1600/linkedin.png) no-repeat;
background-position:0 -32px;
}
.livejournal-button {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMYn2mlGAdIhcbh5qZBtyoor8TwDsbNtccrLBRuxOMmlSkzReVbcx1WFD-NT-5mYxXBc0Qe2XQ6q9izrICAbs2Tj42mvXMRioR0gwdk4-JEdjlwTpSpZrqt-Unx8pBpxqPKxi_otsCBrU/s1600/livejournal.png) no-repeat;
background-position:0 0;
}
.livejournal-button:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMYn2mlGAdIhcbh5qZBtyoor8TwDsbNtccrLBRuxOMmlSkzReVbcx1WFD-NT-5mYxXBc0Qe2XQ6q9izrICAbs2Tj42mvXMRioR0gwdk4-JEdjlwTpSpZrqt-Unx8pBpxqPKxi_otsCBrU/s1600/livejournal.png) no-repeat;
background-position:0 -32px;
}
.myspace-button {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi53m4AX2c6tIfbgJ1qsox7l1xbn8vS36LaQ7WP54vkjEk5Z6kQVCmyt_SgqYlpo6XPMt0zV3mgnOOjUd82OlOJEjOsYjEos_gxgx2bLp4dmwoB8_cKXMWP_8IZPV2NRYR59wiuFwsofAA/s1600/myspace.png) no-repeat;
background-position:0 0;
}
.myspace-button:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi53m4AX2c6tIfbgJ1qsox7l1xbn8vS36LaQ7WP54vkjEk5Z6kQVCmyt_SgqYlpo6XPMt0zV3mgnOOjUd82OlOJEjOsYjEos_gxgx2bLp4dmwoB8_cKXMWP_8IZPV2NRYR59wiuFwsofAA/s1600/myspace.png) no-repeat;
background-position:0 -32px;
}
.paypal-button {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0mHZNGudyRSVwFV_84jx_PvoxRHNiOTcHzFRn_z9vsO68yIsivC4erBFgccBAXEsIkbiNrt_QYjdoL_RV16mm3o9ccs7Aad_EcVZ3JD1vxDlowlsLjvVZyMXzpFslwrW80I55w59trdc/s1600/paypal.png) no-repeat;
background-position:0 0;
}
.paypal-button:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0mHZNGudyRSVwFV_84jx_PvoxRHNiOTcHzFRn_z9vsO68yIsivC4erBFgccBAXEsIkbiNrt_QYjdoL_RV16mm3o9ccs7Aad_EcVZ3JD1vxDlowlsLjvVZyMXzpFslwrW80I55w59trdc/s1600/paypal.png) no-repeat;
background-position:0 -32px;
}
.pinterest-button {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcH3naQfhXPuo1IEHX1RD5u7CY2EeJNUEsW39J85a55BfV0VWnkHTLUHHS1ouNVaqSX4XJr8jDNSiCHBs8jQ6ai2XKGRSrlzL9vd2fu6y5zjgOdBgERw_bfriesi_cWAleBxOzUK7biA4/s1600/pinterest.png) no-repeat;
background-position:0 0;
}
.pinterest-button:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcH3naQfhXPuo1IEHX1RD5u7CY2EeJNUEsW39J85a55BfV0VWnkHTLUHHS1ouNVaqSX4XJr8jDNSiCHBs8jQ6ai2XKGRSrlzL9vd2fu6y5zjgOdBgERw_bfriesi_cWAleBxOzUK7biA4/s1600/pinterest.png) no-repeat;
background-position:0 -32px;
}
.reddit-button {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSxgaR4y8VEA5yEYxR0H358uW9Y7MgTLci4acq2rpBRrS7OCjeUq7nYvK002RDAjLg3Tr8SJ73_PUVQ5x_8wRDzXRqjf1-rGJSg0W1GfL9eRhOumedxiHH1XU02vHQkCxfL94JVipVupQ/s1600/reddit.png) no-repeat;
background-position:0 0;
}
.reddit-button:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSxgaR4y8VEA5yEYxR0H358uW9Y7MgTLci4acq2rpBRrS7OCjeUq7nYvK002RDAjLg3Tr8SJ73_PUVQ5x_8wRDzXRqjf1-rGJSg0W1GfL9eRhOumedxiHH1XU02vHQkCxfL94JVipVupQ/s1600/reddit.png) no-repeat;
background-position:0 -32px;
}
.soundcloud-button {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW1OLm6g8nNfmzPzBx5zmR679iu5bJcFMZUyGmX46Nbf0f0tQDJq-X2a7LieANbKg3E0webT1lr5HlKz6LHOHWZ75udxA60rTEGlE4hR-vRmxyOoopBFakZddgOm2GOAbE3Ik-BNOao2M/s1600/soundcloud.png) no-repeat;
background-position:0 0;
}
.soundcloud-button:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW1OLm6g8nNfmzPzBx5zmR679iu5bJcFMZUyGmX46Nbf0f0tQDJq-X2a7LieANbKg3E0webT1lr5HlKz6LHOHWZ75udxA60rTEGlE4hR-vRmxyOoopBFakZddgOm2GOAbE3Ik-BNOao2M/s1600/soundcloud.png) no-repeat;
background-position:0 -32px;
}
.spotify-button {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjueu2vhuxB8_KySZruXDuNiYz4m9y3Nv0zdCPrDB-nq9JV9kmzJp5O0F9B4PWLAfo1yl-vEpPAE284xVi6vlMWPBk2lwhqpl2XPADGFR1W6UR9L4TZMYLlYS6-_O21E5CDhPwuWPE978w/s1600/spotify.png) no-repeat;
background-position:0 0;
}
.spotify-button:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjueu2vhuxB8_KySZruXDuNiYz4m9y3Nv0zdCPrDB-nq9JV9kmzJp5O0F9B4PWLAfo1yl-vEpPAE284xVi6vlMWPBk2lwhqpl2XPADGFR1W6UR9L4TZMYLlYS6-_O21E5CDhPwuWPE978w/s1600/spotify.png) no-repeat;
background-position:0 -32px;
}
.stumbleupon-button {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKPf9EilrHZfQX10kRcEwWLhSHJgtEbzqKQZszSbIW9NcJKqyBRc0jSf2jfrzrZQBMXxrm03PY3LXQiy3GCKqx7LSYyV5V3GF6CQWE_Pl5IqDVCQrXpIg0fbwZqRwDfO22aYrSA4jKJ7E/s1600/stumbleupon.png) no-repeat;
background-position:0 0;
}
.stumbleupon-button:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKPf9EilrHZfQX10kRcEwWLhSHJgtEbzqKQZszSbIW9NcJKqyBRc0jSf2jfrzrZQBMXxrm03PY3LXQiy3GCKqx7LSYyV5V3GF6CQWE_Pl5IqDVCQrXpIg0fbwZqRwDfO22aYrSA4jKJ7E/s1600/stumbleupon.png) no-repeat;
background-position:0 -32px;
}
.tumblr-button {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJdxcozAQncl20B_VN59zCW8rwZdjvvEJZbJYHXuV2cF2dcsVuZTv_eYsrCYse_bWDvKlzs0OpNTOAUUaVYbqWsXnWl5g62MymqEq3J6xF5PD27_jMqIKjJsWwjyK0bWS0tt9ou-SVvxA/s1600/tumblr.png) no-repeat;
background-position:0 0;
}
.tumblr-button:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJdxcozAQncl20B_VN59zCW8rwZdjvvEJZbJYHXuV2cF2dcsVuZTv_eYsrCYse_bWDvKlzs0OpNTOAUUaVYbqWsXnWl5g62MymqEq3J6xF5PD27_jMqIKjJsWwjyK0bWS0tt9ou-SVvxA/s1600/tumblr.png) no-repeat;
background-position:0 -32px;
}
.twitter-button {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEfD36IoZYRMp3TFf33z3SOn0jUQfj-YX2kYGSCnocMc8mbftixobm9Ro0PSgy1pqMSLrNI6LyUQbIG7sGZqFabwnjbQX3E9_r16RJHNSjocpINn0t64q-Ih_uVpWYoVcltGEm7Mjrko8/s1600/twitter.png) no-repeat;
background-position:0 0;
}
.twitter-button:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEfD36IoZYRMp3TFf33z3SOn0jUQfj-YX2kYGSCnocMc8mbftixobm9Ro0PSgy1pqMSLrNI6LyUQbIG7sGZqFabwnjbQX3E9_r16RJHNSjocpINn0t64q-Ih_uVpWYoVcltGEm7Mjrko8/s1600/twitter.png) no-repeat;
background-position:0 -32px;
}
.vimeo-button {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkoeEuiikNMNZc8Ugo6MjHYCms6Fe4AdbRwzgcuFTztbgePYk_IXQj1aQWe233JJs7v5x9wjw79Cv6dLplczn4NNNjYfQA6xU0Tn5K5hMukAw4Ucjp-ZC1htES_naKI9yDkph9IiwvvQw/s1600/vimeo.png) no-repeat;
background-position:0 0;
}
.vimeo-button:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkoeEuiikNMNZc8Ugo6MjHYCms6Fe4AdbRwzgcuFTztbgePYk_IXQj1aQWe233JJs7v5x9wjw79Cv6dLplczn4NNNjYfQA6xU0Tn5K5hMukAw4Ucjp-ZC1htES_naKI9yDkph9IiwvvQw/s1600/vimeo.png) no-repeat;
background-position:0 -32px;
}
.wordpress-button {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgenFqPuEMq_9BClM3NVh7S-t828whyphenhyphennJsiCEp7Miks_N3MqPvqrQC-BDVABgXqi37jtXjAsjiw6joHxKyOx5t2cagzZUQdaEPKpOx7zezwfJd08VCp1OVXj3McQESxNG3yPnB8OU6Dd5k/s1600/wordpress.png) no-repeat;
background-position:0 0;
}
.wordpress-button:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgenFqPuEMq_9BClM3NVh7S-t828whyphenhyphennJsiCEp7Miks_N3MqPvqrQC-BDVABgXqi37jtXjAsjiw6joHxKyOx5t2cagzZUQdaEPKpOx7zezwfJd08VCp1OVXj3McQESxNG3yPnB8OU6Dd5k/s1600/wordpress.png) no-repeat;
background-position:0 -32px;
}
.youtube-button {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHqtKM3-1aJSgiD2annFV7aYHQZtPWgoKedg54LNA_LxvbyfYKEW1-wG62zIL9g0WulKQdMCG2QM0n5t_AuFSrE5b6Yc-EDAsw5ekoQcWLpAgpuTH5MMBpOMwNknaQTRKWNcGItyv5PHM/s1600/youtube.png) no-repeat;
background-position:0 0;
}
.youtube-button:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHqtKM3-1aJSgiD2annFV7aYHQZtPWgoKedg54LNA_LxvbyfYKEW1-wG62zIL9g0WulKQdMCG2QM0n5t_AuFSrE5b6Yc-EDAsw5ekoQcWLpAgpuTH5MMBpOMwNknaQTRKWNcGItyv5PHM/s1600/youtube.png) no-repeat;
background-position:0 -32px;
}
</style>

Final Words

Hope you liked the widget. Plase share the record with other if you think its true. If you liked this widget , then please add it in your webpage. It does not have any credit link or such irritating things. Thank You. Hapy blogging :)
Labels:

About author: Unknown

Blogger, Photographer

7 comments:

  1. Mathew Stephen26 October 2013 at 09:34

    Oh man, this is cool! Everything from My_____ to paypal is there. Yup I agree this is the longest. (y)

    ReplyDelete
    Replies
    1. Unknown26 October 2013 at 10:57

      Thanks for agreeing. And i think you are correct :) Share, if you liked

      Delete
  2. Rohan Mod2 November 2013 at 04:12

    This comment has been removed by the author.

    ReplyDelete
  3. Rohan Mod2 November 2013 at 04:13

    Global Analytics shows that the every 1 out of 5 person using social media and hence it has become a powerful platform for bloggers as they do not have to worry about the audience for their blog so i think that social media widget is compulsory and your widget completely matches with high standard.

    ReplyDelete
    Replies
    1. Unknown2 November 2013 at 23:40

      What you said is correct, Rohan . thanks for the comment

      Delete
  4. Anonymous14 January 2014 at 03:23

    Woah ! That is terribly long ! great work Rizwan !

    ReplyDelete

Subscribe to: Post Comments (Atom)