Running 2 Youtube Channel : The Masti Adda (Fun based ) : The Knowledge Adda (Knowledge based) : Subscribe for Knowledge with Fun....

April 01, 2016

How to add Share button in blogger

Written by @


By default there is a function to add share button below the every post in Blogger. But sometimes, new some template that not works. After long period, I have realized that in my blog www.pradipyadav.com also have not share button. Then I checked my setting but that was fine, but I unable to show that button on my post. I have tried many times to enable that feature but every time I was unsuccessful. Then I have decided to add external some code to show the share button on blog below my every post and also floating share button in left and right. After searching and implementing various codes, finally I have implemented some code and that’s working fine.

How to add horizontal share button below post
To adding horizontal share button below the every post , we need to add some code to your blogger by using following steps.
1. Login to Your blogger account
2. From Blogger Dashboard , Select your blog
3. Select Layout
4. Select Add a Gadget
5. After selecting Add a Gadget, Select HTML/JavaScript, then an empty box will open then you have to paste following code in that box.
<span id="st_finder"></span><script type="text/javascript" src="http://w.sharethis.com/widget/stblogger2.js"></script><script type="text/javascript">var switchTo5x=true;stBlogger2.init("http://w.sharethis.com/button/buttons.js", {"sharethis":["small","ShareThis",""],"facebook":["small","Facebook",""],"twitter":["small","Tweet",""],"googleplus":["small","Google +",""],"pinterest":["small","Pinterest",""],"stumbleupon":["small","StumbleUpon",""],"fblike":["small","Facebook Like",""],"technorati":["small","Technorati",""],"tumblr":["small","Tumblr",""]} , "bl-a8aed92e-6682-851a-f89d-760a106ba6f1");var f = document.getElementById("st_finder");var c = f.parentNode.parentNode.childNodes;for (i=0;i<c.length;i++) { try { c[i].style.display = "none"; } catch (err) {}}</script>
6. Click on the Save Button, Now your code have been save. Now enjoy Horizontal share button in your blog.


How to add floating share button in Left in blogger
To adding floating share button in blogger , we need to add some code to your blogger by using following steps.
1. Login to Your blogger account
2. From Blogger Dashboard , Select your blog
3. Select Layout
4. Select Add a Gadget
5. After selecting Add a Gadget, Select HTML/JavaScript, then an empty box will open then you have to paste following code in that box.
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_floating_style addthis_32x32_style" style="left:50px;top:50px;">
<a class="addthis_button_facebook"></a>
<a class="addthis_button_twitter"></a>
<a class="addthis_button_pinterest_share"></a>
<a class="addthis_button_linkedin"></a>
<a class="addthis_button_google_plusone_share"></a>
<a class="addthis_button_stumbleupon"></a>
<a class="addthis_button_compact"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-51f184b5319b19ad"></script>
<!-- AddThis Button END -->

6. Click on the Save Button, Now your code have been save. Now enjoy floating share button in your blog

To show floating share button in Right, Just change the left by right in above given code.

1 comment:

Subscribe to: Post Comments (Atom)