Elegant silver button social sharing widget below posts in Blogger
Live demo:- (Here you go)
How to add
Step 1: Back up your template (Optional Step)
- Log in to your blogger, select your blog,
- Select 'Template' option, click 'backup/restore' from upper right corner.
- Download full template and save it on your pc's Hard drive
Step 2: Installing sharer
- Now, From 'Template' tab, select 'Edit html'
- And find (using Ctrl+F or Cmd+F) this line-
<div class='post-footer-line post-footer-line-1'>
- You may find this code phrase twice, ignore first phrase, after second phrase paste these code chunk
<b:if cond='data:blog.pageType == "item"'>
<style>/*crawlist.net CSS starts*/
p#ks-pushingsilver img {float: left;
position: relative;
vertical-align: top;
border: 0;
border-bottom: 2px solid #fff;
cursor: pointer;
display:inline-block;
margin-left:5px;
-webkit-transition: all .7s ease;
-moz-transition: all .7s ease;
-o-transition: all .7s ease;
-ms-transition: all .7s ease;
transition: all .7s ease;
}
p#ks-pushingsilver img:hover { opacity:.7;
-webkit-transition: all .7s ease;
-moz-transition: all .7s ease;
-o-transition: all .7s ease;
-ms-transition: all .7s ease;
transition: all .7s ease;
top:5px;
outline: none;
-webkit-box-shadow: none;
box-shadow: none;}
/*crawlist.net CSS ends*/
</style>
<center><p id='ks-pushingsilver'><!--crawlist.net sharing starts-->
<a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + data:post.title' rel='external nofollow' target='_blank'><img border='0' height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtN3nmi2cbYkGxqPL5hH5cl6ZiNY_S1MyAQ0dADmbdJije2tifUvqYQA3B-3g4_rRl-eJ1ZdG9tCZ25eCzQmt7DI7TNLP5-eqvc07fUyvvk-FzQlJFOUpyFmUOXxk3S0FBBTsiCQyheljC/s1600/1facebook.png' title='Share on Facebook' width='50'/></a>
<a expr:href='"http://twitter.com/?status=" + data:post.title + " - " + data:post.url ' rel='nofollow' target='_blank'><img border='0' height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9UNCGEdeEJJAnYrJpjjh4dd7IAuISgSkfmC7vtbLSp97Qvci7OYsK4bBEQ2vRmZlMLCfVFO_vFIvTnRAqTMkEY124e9iIuFS78UIEoVDFmngf0lhObZH37BtH0a0Kd6dqxfVU469nMm3F/s1600/2twitter-bird.png' title='Share on Twitter' width='50'/></a>
<a expr:href='"http://plus.google.com/share?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img border='0' height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8mOXNRg-756iBFuKzbEwsS38hHO-R4i7pnz8ptbJNg9KxiNEQwzVsHwdvacfzi4oy9bwI8E08pUsXzZ9sEaRkgmBu-KYlSEvqP8CRFcv2SaA4MabzSCyJmll4UULgJei1PsPoewgXqhrU/s1600/3google-plus.png' title='Share on Googleplus' width='50'/></a>
<a expr:href='"http://www.stumbleupon.com/refer.php?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img border='0' height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqc2OAQTsVGxapSWSO4xw_9lN7Ft9c7-iSzObJM2eVgVWj3tKRWxjXFoTBHGTaIe5Ir0jTW3h_UiVj2NwvfvrJC1jf_OPEATw3qyA-QSvDtPzGI8LuOGVmla-dIDRxawgN6u-nNUZaI7Gr/s1600/5stumbleupon.png' title='Share on Stumbleupon' width='50'/></a>
<a expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url' rel='external nofollow' target='_blank'><img border='0' height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj59GFOWUhtg7kDY_piL9ONLKAPAPMIyi-uO1_4l3xYgR3slqdaBFvZbPTbyLYzIGWfmBHa1lTK_W7O-mWifxxeWVYVTqXHb53fv8uWn1gUWBKv8VK4tCs3a1HtA6n9lI1ADGh85Sxc49Ph/s1600/4digg.png' title='Bookmark it on Digg' width='50'/></a>
<a expr:href='"http://pinterest.com/pin/create/button/?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img border='0' height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFTGQAMOjp90-3cEU2VJNkyq7vxghWQlBH-C5NUW4PN8ofnaTURjsJ6uV2V9dEwqLEoM8CTx_3Q2qh9ty7hyphenhyphenY5H4gnZsvE8NiJEm6tU7gK-xT427LfZxVUB4fdJufvbtKiRQDLsRftMicx/s1600/6pintrest.png' title='Share on Pinterest' width='50'/></a>
<a expr:href='"http://www.blogger.com/blog_this.pyra?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><img border='0' height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdkwBvfzNHrZzxBs7MYw0Cw0F7XSEWSGMPzsXVR-8QixmcwrwJVY3Xk8e55u5YPbFFrHTMzo8KW5Wj-wTJUTNlZ1Pph2BIT5uQL7Hfv7yo_nw90xNbYlUKrFyHudW4KEue1R0nPEc91w7g/s1600/7blogger.png' title='Blog about this' width='50'/></a>
<a href='http://feeds.feedburner.com/you' target='_blank'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnDaz023H8QVQNwdyFPSDN_CRClUSle_AOgG9aE0dXR4oaqe3hzq5oL5GU3Agz8Gvq0yatPjtblrS0HL3B8Iy0quXwll1iEkNSGRBOirYXnAferYrEZt7aAXiG_ojbNxibIDglHohoJWef/s1600/8rss.png' alt='Feed' width="50" height="50" title='Never miss a post'/></a>
</p><!--crawlist.net sharing ends--></center></b:if>
Configure-
- This sharing widget got Feedburner slot, so log in to your feedbuner account, collect your website's feedburner id and paste in your feed id
- After pasting the code you are done. Save your template and take a peek in your Blogger blog.
Template Compatibility and Faq
This Elegant silver button social sharing and bookmarking button widget is compatible with almost all stranded templates but unique designed templates or highly coded templates will not accept this.
Last words, How it looking in your site and if you having any trouble with this widget don't forget to mention. Happy sharing :)
