Adding Responsive Social Sharing Buttons
One of the major things in SEO is now making sure that posts are shared, retweeted and liked. Having a post retweeted not only helps get your post seen and read socially but does have an effect on its search ranking position. So making sure that posts are as easy as possible to share is important. In this post I’ll show you an easy way using AddThis to make sure that all your posts now have all the social media icons and show you how much they have been shared. Most of the default sharing options on all platforms don’t show you how much they have been shared. With this small tweak it makes it much more appealing to your readers and you don’t need that much coding skills in order to add these social sharing buttons, you just need to know how to copy and paste. Make sure that you check out my previous Tecky Tuesday posts for more blogging help.
Blogger
Step 1 – Login to your blog.
Step 2 – Go to Layout
Step 3 – Press Add Gadget at the bottom of the page
Step 4 – Then Select Html/JavaScript
Step 5 – Paste :
var switchTo5x= true;stBlogger2.init("http://w.sharethis.com/button/buttons.js",{"facebook":["hcount","Facebook",""],"googleplus":["hcount","Google ",""],"twitter":["hcount","Tweet",""],"tumblr":["hcount","Tumblr",""],"pinterest":["hcount","Pinterest",""]});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>[/html]
Step 6 – Go to layout, and press edit on Blog Posts
Step 7 – Unselect Show Share Buttons, this turns off the old style buttons.
Step 8 – Press Save! and give your self a high five
WordPress.Org
Step 1 – Login to admin Section
Step 2 – Go to Plugins – > Add New
Step 3 – Search for ShareThis and Install
Step 4 – Done
Tumblr
Step 1 – Login to Tumblr via your blog
Step 2 – Click on theme at the top
Step 3 – Click on “Use Custom HTML”
Step 4 – Press Ctrl+F (CMD+F mac) and look for </head>
Step 5 – Just before paste.
Step 6 – Press Ctrl+F (CMD+F mac) and look for {block:Posts}
Just before paste
Step 6 – All done.
Let me know if you find this post about adding social sharing buttons of any use and if so make sure you share, so that you can see the plugin working ^.^
This is so incredibly helpful! Especially for newer bloggers, Thank you so much!!
So helpfull (as per usual), you should do this more often during the week!
http://prettyassummer.blogspot.co.uk/
This is awesome! Thank you!! xx
Thanks for this, I’ve been wondering how to do it for ages
You are a complete genius! Just updated mine. Thank you so much!
Jaq @ http://www.lazydaysbeauty.com
Great topic because in te beginning in Can be a little hard
Xoxo http://fashionistaorbreakfast.blogspot.com
excellent – done thank you! http://thewanderlusthasgotme.blogspot.co.uk/
I absolutely LOVE these posts that you do … you are a superstar! Thank you so much x
This was so helpful, thank you!
You, my dear, are a little gem! Thank you! x
You know, the 2nd buttons do look much better! I’m going to do this, thank you!
Author
Just noticed I forgot to add how to turn off the old style buttons on blogger, just updated the main post. Anyone wanting to disable the old style buttons do the following.
Step 6 – Go to layout, and press edit on Blog Posts
Step 7 – Unselect Show Share Buttons, this turns off the old style buttons.
Step 8 – Press Save! and give your self a high five
Mary
x
I love your help posts! Will have a go at this tomorrow, thank you!
Mars
Curling Stones for Lego People
Wow! That really worked and it was so easy! Thanks!
Really easy to do, many thanks :-)
http://crystalsparklydreams.blogspot.co.uk/
Thanks! That was really easy and looks soo much better! Tbh html and javascript scare me slightly haha
http://mikeyshappyplace.blogspot.co.uk/
Thank you! This was very helpful!
I have been wondering how to do this for AGES! Thanks so much, so handy!
Thanks for that!
Thanks for the tips as always! ^__^
http://nagareboshi9.blogspot.ch/
I’ve been looking for this tutorial ever since I started blogging, and I’ve finally found it! Thanks a million! :)
http://everydayingrace.blogspot.ca/