Helf India

Easy Way to add Social Share Button in Blogger – Step By Step

Hello, Bloggers today in this post “Easiest Way to add Social Share Button in Blogger – Step By Step”, we will know how we can put social share buttons in our blogger blog, which is literally very easy, anyone can do it.

Easy Way to add Social Share Button in Blogger - Step By Step

Why should we add Social Share Button in Blogger Blog?

 

Social share button helps in increasing the traffic of a blog. And visitors can easily share your post with their friends on social media.

Social media is the biggest means of increasing traffic.

If you want, you too can increase traffic on your blog by applying the share button in Blogger Blog.

Everyone is using it to increase more shares and get more blog traffic.

If you have not yet used it, try using social share button to your blog.

Let’s us now know how we can put social share button in our blogger blog.

Simply need to follow my step by step guide mentioned below.

How to add Social Share Button in our Blogger Blog?

 

1.First go to the blogger.com website and log in and go to the dashboard of your blog.

2.Click Template >> HTML.

3.Now search for <data: post.body> by clicking anywhere in the HTML code and pressing the Ctrl + F Button to search.

4.Now copy this code.

 <div class='addthis_toolbox addthis_default_style '>
 <a class='addthis_button_tweet'/>
 <a class='addthis_button_google_plusone' g:plusone:size='inline'/>
 <a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
 <a class='addthis_button_facebook_send'/>
 <a class='addthis_button_stumbleupon_badge'/>
 </div>
 <script src='//s7.addthis.com/js/300/addthis_widget.js' type='text/javascript'/>

5.Copy the code and paste it under <data: post.body>.

how we can put social share buttons in our blogger blog

If you want to put social share button on top of the post, then put code above <data: post.body> and if you want to put it below post, then paste it below <data: post.body>.

After pasting the code, click on the Save template.

Now open any post of your blog and check if the method works, if it does not work, then paste the code below <data: post.body>.

Note: – In the Blog HTML code box, <data: post.body> code are there in 4-5 places, if the social share button doesn’t appear, try applying the codes on another section of <data: post.body>.

If you still have any kind of problem-related to blogging or any other queries, then do let me know in the comment, I will be happy to assist you.

Also, Read Our Other Posts:

I hope now you can add social share button to your blog with the help of our post “Easiest Way to add Social Share Button in Blogger – Step By Step”, if so, then do share this post on social media.

Somehow, for someone on social media, it will be helpful.

Leave a Comment

Your email address will not be published. Required fields are marked *