Subscribe Icons Widget For Blogger

Posted By: Unknown - 23:32

Share

& Comment


Want to add this to your blog, just follow the simple steps

 1. In The New Blogger Dashboard Click The Drop Down For Your Blog > Choose Layout > Click Add A Gadget > Choose HTML/Java script > Paste In The Code as shown 


Code : 

 <style>
.social{background:none repeat scroll 0 0#fff;border-bottom:1px solid#F0F0F0;height:90px;padding:8px}.social li{float:left;margin-right:4px;text-align:center;width:52px;list-style:none}.social li.last{margin-right:0}.social li a{color:#666666;font-size:11px;line-height:34px;opacity:0.6;padding-top:42px}.social li a:hover{color:#666666;opacity:1;text-decoration:none}.social.social-feed{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibfrXCV2j0oy7Lu_lh1nsZ3HV7Za_EWCyGxdLFV5rrNeNUCYjpk2mnQ3-0SjdPhk0joCMfG7myQW8Ufg-fjcgO7zEqs-dlvUm1wJVVwV5mk9yUYvcNa_czqcXztlJ_Zra2Y0wRrGXtBgsO/")no-repeat scroll 0 0 transparent;display:block}.social.social-email{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW7xrMQIsjimxjm7HZ0QPwCE8_t0BksFb2ZYZlW3zCBwH1E_Yk91OFq44L8bnuKZUvQecs9ih2Oh9En5J-1Y8vlRBBEHaHRFkFrsvmamelNrF4nItggbWAC6VjjDVb2MJhxgHjnocqDb5m/s1600/email-feed.png")no-repeat scroll 0 0 transparent;display:block}.social.social-twitter{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiexSwU2HDDkYSWmBGAsxtihZcGWlKlZrzM7V_X_cCyMVPEadw0S5tqf5im5uQDFdjpgjbIQSsIpFrXUGk36WUgGOHqRp9RU6_MrANbv7KQMSFgtKpIzf7wsnruTDGgb8RZWxUZlcD0-q0i/")no-repeat scroll 0 0 transparent;display:block}.social.social-facebook{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaluoKi3NMOH-GgKOuRxNgHAoGfDDKRjL9luUiC0r6kvY3Jtz0T2OttetRD7c5Yqgce7IByp31CynSoCHEG7TpJu-vDtcGV2oDjFMkM-69WYNqUFxxNEGSuX4oSPo_o7bo7UlKLcTHIka8/")no-repeat scroll 0 0 transparent;display:block}.social.social-googleplus{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEig6T7hEaXjmh_nEkfSXXdExMAdTqr95wq0Q1UpGLaPTaOeL7D-F2PyG35m4F4uuBJRg_xzp5F-pJ1QoZgs9Grig5PXhLjV2W5MV8M6HOpwoqGz6cRRjhxmFSZx4S40qRurTzL4SWohMSAs/")no-repeat scroll 0 0 transparent;display:block;margin-right:0}.social.social-pinterest{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3601_CZcbQxXTwF4JczvIN5GSd7Y4rXHPtxq-lg2PcszZln7qE2F1V74RTc9V9w-GrpcUH4vr32enKA0Sq2LcOaKxgPpTJon14vehfy7hUxNtjWsZF2hJTsKrk3FBpx4fEMrCGTnOGdqZ/s1600/pinterest-icon.png")no-repeat scroll 0 0 transparent;display:block}
/* from http://www.zgamerx.blogspot.in */
</style>
<ul class='social'>
<li><a class='social-feed' href='http://feeds.feedburner.com/zgamerx' rel='nofollow' target='_blank'>RSS</a></li>

<li><a class='social-email' href='http://feedburner.google.com/fb/a/mailverify?uri=zgamerx&loc=en_US'
rel='nofollow' target='_blank'>Email</a></li>
<li><a class='social-twitter' href='http://twitter.com/vishalassassin' rel='nofollow' target='_blank'>Twitter</a></li>
<li><a class='social-facebook' href='http://facebook.com/zgamerxs' rel='nofollow' target='_blank'>Facebook</a></li>

<li><a class='social-pinterest' href='http://pinterest.com/paulcrowe/' rel='nofollow' target='_blank'>Pinterest</a></li>
<li class='last'><a class='social-googleplus' href='https://plus.google.com/b/108200902911276741668/108200902911276741668/posts'>Google+</a></li>
</ul>
<small><a href="http://www.zgamerx.blogspot.in">Blogger  Widget</a></small>


Customizations

Change social and feed links highlighted in red into your own.

 



About Unknown

Techism is an online Publication that complies Bizarre, Odd, Strange, Out of box facts about the stuff going around in the world which you may find hard to believe and understand. The Main Purpose of this site is to bring reality with a taste of entertainment

0 comments:

Post a Comment

Copyright © 2013 Cyber Geeko™ is a registered trademark.

Designed by Templateism. Built with Blogger Templates.