Spider Blogging - The Ultimate Blogging Solution

Home
How to

How to Add Social Share Buttons in Blog Post | SpiderBlogging

How to Add Social Share Buttons in Blog Post | SpiderBlogging

 Hello Bloggers Today I came up with new topic , in this I will share a tutorial in which you can place Share Buttons at end or at the starting of the Blog post.




Benifits of Adding Social Share Buttons

If your website offers quality information and content, it's important to provide social sharing buttons with every piece of content you create, so site visitors have an easy way to share the content they find most interesting. ... What works for one website may not be as successful for another


How to Add Buttons Under All Post?

Its quite easy to add these code on your blog, Just follow below guidelines.

  • First Login to your Blogger 
  • Go to Themes Section
  • And Find <data:post.body/>
  • Place the below code
  <div class='addthis_inline_share_toolbox'/>
  • Now Paste the below code before the </head> tag.
  <script src='//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-60bcfa320b1cc323' type='text/javascript'/>

That's it. Now you should see share buttons under posts if you followed my guide properly...

Note: If you see more than 1 <data:post.body/> tags , then I suggest to put the code below the 2nd tag, If it doesn't work , then try with all the tags..


It will look exactly like below :

Desktop

Mobile




Hope you have successfully implemented the share button on your website, If you face any issues feel free to comment below. Thank You for Visiting .