Adding share button on your blog post will increase page views and readership. There are several style of placement you can use. My favorite is adding them under blog post. Those colorful button are fast and easy to search. For this gadget, I usually use Share This service. You don’t have to add all of them. Just pick social media that you use the most or focus on.
If you like the social media button that I added under every blog post, I’ll give you the code, just follow this easy tutorial:
1. Go to your blogger/blogspot LayOut, and click on Add Gadget.
2. Choose HTML/JavaScript gadget. Copy – paste code below on the gadget 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”:[“vcount”,”ShareThis”,””],”facebook”:[“vcount”,”Facebook”,””],”twitter”:[“vcount”,”Tweet”,””],”linkedin”:[“vcount”,”LinkedIn”,””],”tumblr”:[“vcount”,”Tumblr”,””],”googleplus”:[“vcount”,”Google +”,””],”pinterest”:[“vcount”,”Pinterest”,””],”plusone”:[“vcount”,”Google +1″,””],”fblike”:[“vcount”,”Facebook Like”,””]} , “bl-c32aa6f1-3251-8e88-76ba-7928233f65b”);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>
3. Now place the gadget wherever you want. The gadget always appear on the bottom of blog post, doesn’t matter where you place them. But, don’t place them between gadgets on sidebar, cos when people visit your page, there will be blank space. I usually adding them below blog post gadget or on the bottom of sidebar gadgets.
4. View Blog. Now you have it.
Now, just in case you don’t like my social media selection, and want to add them yourselves, follow the steps below:
Adding Share This Social Button
1. Go visit sharethis.com and choose your blog platform.
2. Click Next to Select Style.
3. Click Next to Customize.
Every time you pick your button on right sidebar, it will added automatically on left bar. When you finish, click Get the Code button. The register box will show up, just click x (no thanks, just give me a code) on the right bottom. Copy-paste the code to HTML/Javascript gadget box.
4. View Blog.
That’s it!. You’re done.
I used the Above code, But its not working for me. The Buttons are not visible.
I just change it with the new code. Check again. If its still not working, something wrong with your template. Maybe there is no share tag in there?.
I just wanted to let you know that the code cannot be copied. Instead of the code, a message that directs me back to this page appears. ("See more at: http://stayblogging.blogspot.com/2013/09/how-to-add-social-media-share-button-below-post-blogspot.html#sthash.2qPzxtPX.dpuf"😉
Im sorry, guys. Something wrong with my template or sharethis plugin, im trying to figure it out now. But, can you try to copy the text from " 1. Go to your blogger/blogspot LayOut, and click on Add Gadget " to code closed tag. Paste it on notepad, see how it look, and delete the unnecessary text.
thanx.
its fixed now. go check again!. 🙂
how do i add the words "share this" above the actual buttons? It isn't working when I put it in blogger. Thanks.
Claudia, im not sure if you want to add your own title and it'll show up. but, you can try add signature on the bottom of the post. say:" if you like this post, share this".
go to setting tab, theres an option for that.
It's perfect, that is great….
thanx for visiting, Tainers!.
I've been trying to add this feature to my blog for a little while now..and you're the first person who showed me how to do it quickly and easily, without any problems. Thank you soooo much!
im glad its work for you!.
Thank you for your tutorial 🙂
you're welcome!.
thanks a bunch n loads of love 🙂
Awww, thanx @Priyanka Artiste. That's sweet!. 🙂
Hello,
The share button is quite small.
Any idea how to make it of bigger size?
Thank you.
go to sharethis.com and customize yourself. its free and no need to sign up.
Unfortunately, ShareThis is having problem with their code interfacing with Blogger. Thread in their support section is here:
https://support.sharethis.com/customer/en/portal/questions/5263851-no-code-?new=5263851
I tried yours Jaenne — worked great but I wanted to customise it further, so hoping ShareThis get it fixed ASAP! 🙂
Haha.. I think people will get problem if they customize & add it direct from ShareThis web. But, if you add the code above manual, it will work fine. 🙂
I cannot get this to work. I can't figure out how to add a gadget that I can create myself. I have tried just putting this code into the blogger template, but it gives me a few different errors. What am I doing wrong?
Did you go to layout tab—->add gadget—–>HTML/JavaScript?.
Any suggestions on how to add it to the top of a post under the blog title instead of to the bottom?
try to add it above blog post gadget?.
code is not opening……
They show up but only if I click on the article that takes me to a different page, where only that article is shown. I want the buttons to be under every blog post.
Thank you so much for this post. You're the best:)