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 :

[html] // <![CDATA[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) {}}// ]]> [/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.

[html] var switchTo5x=true; stLight.options({publisher:’tm-2218e14d-88e-b9ee-8dc3-7aa56d1bb7df’}); [/html]

Step 6 – Press Ctrl+F (CMD+F mac) and look for {block:Posts}

Just before paste

[html] [/html]

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 ^.^