Sunday, 17 March 2013

Subscribe Icons Widget For Blogger


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/AVvXsEjI3DkE_StCYN70x_y2a6ckyHo2haSExXuFonc-PSl1UlX4w2O1VFncaEAS6q9btNCe9soK0VvMDLr-RmH7XW-bi6OO1oMhPxS7d7L6goFc5ZWTFCKxZZfbbI0yeQC-ij_ugVenwoLA7xFp/")no-repeat scroll 0 0 transparent;display:block}.social.social-email{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSHvUz_cIAbeiapprpsLMwxFLSB6vftRiY5hcg_XgOgv4AZ7J6XjoaiY7_gGlcM_wW1cfS05wQVm0iJ2pJzgfj40erfSNatfFvaBVJGRsd30rmc-jlw9zM5iFO3gIoyVoKe70LpSFIhdwS/s1600/email-feed.png")no-repeat scroll 0 0 transparent;display:block}.social.social-twitter{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBRoVb9yeEKFah46BCbvI9IVabz_uY5MHkyxTibqBSO8ef9RcPvON_2cvvJlFrgcaF8BEp_dWY2oVUqPFnY02Eza17hdhTCsrS9TSSvJI5RSCo7T8NbJbUVsos-secHOFAq7AsE4FaOCmz/")no-repeat scroll 0 0 transparent;display:block}.social.social-facebook{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyysx6u0ufnYuGAL9XHn4Q9qHzicFBzcfDj0L_Io7NshDB8SXUcjNAwayLdnwPm3fAqHp3kFjD4MfL8ToRb0zmep5j6xzjf1MgIW6JKxqHGGcpmAE7q3GDKwRFQZlHMNSVq0wZDRNvBABo/")no-repeat scroll 0 0 transparent;display:block}.social.social-googleplus{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNl1Azb7w4rgdF4xuffs7lbZ8OylCq0ZGPOg0X2UqL1eMR6vYG6cHLjBK9rjtANAXch_MUlsY0LTr5cvRygMbZtJakneI19gzT6tfwm442Nh23LC_3_uw6SIK41m5GCTx77s9EB0fzoQln/")no-repeat scroll 0 0 transparent;display:block;margin-right:0}.social.social-pinterest{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_iA38DcsmDqChFh1zcHeMN7rwbBhuCTQdo-2sczBcae8M_-KrncGZ9en3uIk3SAGyuZXHjEKD3PtY6yGT75iqQ5bBDpQk6n_MPdAPH0-vvzboKdFbQDb3xYKj4dlSEE11TAtLG7LAez-L/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.

 



No comments:

Post a Comment

Most Commented

Contact Form

Name

Email *

Message *

2014 © Planer - Responsive Blogger Magazine Theme
Planer theme by Way2themes