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