X Close
T Monday, September 01, 2014

3 Different Style Social Sharing Buttons For Blogger

fahim raza Be the first to comment!
101helper gadgets for blogger

As I said social sharing is a good way to get more visitors to your blog. It is also a good way to make your blog popular. Blogger has its own sharing buttons at the bottom of each post in post footer but they are very small in size and it has only 3-4 icons such as blog this!, Facebook, Twitter and Google+.
In this post I will share 3 different types of sharing buttons for your blog which are larger in size and responsive. And it has more then 4 icons. Choose sharing buttons which you want to add and follow the below steps. But Before adding new social sharing buttons you have to remove old buttons provided by blogger, for this purpose go to Layout and search for Blog post, Edit it and uncheck Show share buttons and click save.

Now follow the below steps:

(1). Go to Layout click add a new gadget select Html/Java-script.

(2). Copy code of buttons which you like and paste it in Html/Javascript tab.

Style 1:

101helper gadgets for blogger


<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",{"facebook":["large","Facebook",""],"twitter":["large","Tweet",""],"linkedin":["large","LinkedIn",""],"pinterest":["large","Pinterest",""],"reddit":["large","Reddit",""],"blogger":["large","Blogger",""],"email":["large","Email",""]}, "bl-1f0c2430-ed8-91ee-98b1-6222c77421b0");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>

Style 2:



101helper gadgets for blogger

<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",{"facebook":["hcount","Facebook",""],"twitter":["hcount","Tweet",""],"pinterest":["hcount","Pinterest",""],"reddit":["hcount","Reddit",""],"email":["hcount","Email",""],"plusone":["hcount","Google  1",""]}, "bl-d71329a8-9c9f-c43c-71c8-cb7e73d8594");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>

Style 3:



Sahring buttons for blogger

<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",{"facebook":["vcount","Facebook",""],"twitter":["vcount","Tweet",""],"pinterest":["vcount","Pinterest",""],"reddit":["vcount","Reddit",""],"linkedin":["vcount","LinkedIn",""],"email":["vcount","Email",""],"plusone":["vcount","Google  1",""]}, "bl-273e150e-e73e-1dbd-f016-6200ac512465");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>

 (4). Save the gadget and you are done! open your blog to see new social buttons.


Thanks for visiting 101Helper.blogspot.com. Share with others and spreade 101Helper. Follow and subscribe to newsletter for latest updates.


Tags: 3 different style social sharing buttons, social sharing buttons, responsive social sharing button, large size social sharing buttons, social sharing buttons for blogger.


No comments :

Post a Comment