Search & Find

Sponsor Post

Best Telegram Groups List Collection - Updated

Sunday, 25 March 2018

How to Add Social Media Buttons to Blogger blog Posts footer with Pictures

Hello friends welcome to the Techtspot blog, today I will show you how to insert or add social media buttons to Blogger blog posts footer area with pictures.
Add Social Media Buttons to Blogger blog Posts footer

What are Social Media Buttons?

Social Media buttons are helping our blog post to share, when our visitors visit any of our blog posts then they find out some interesting topic and material in the post then they want to share this post with their social media friends then they can easily click the social media buttons to share the post to various social media platform like Facebook, Twitter, LinkedIn, Pinterest, etc...

Why we need to add Social Media Buttons to the blog posts?

When we use Blogger default themes for our blog or website blog and if you go through the blog post footer area you see there are some social media icons or buttons like Twitter, Facebook, Pinterest, and they are not enough attractive, but if we want to share the post to other social media there is no option.

Now I give you the solution to add custom social media buttons or icons for your blog and using the custom social buttons or icons your visitors can easily access all of the social media networks for platforms very easily they can share the post and your blog material whichever they want, when our visitors are very happy to share our blog article or post to their social media friends, it will increase our web traffic and as well as user engagement in our blog, now let's start.

These are the Following Steps:-
Step 1: First we disable the existing social media buttons or icons in our blog, now go to the Blogger blog dashboard click the layout option then you just find out the "blog post gadget" and click the Edit link.
Add Social Media Buttons to Blogger blog Posts footer 1
Step 2: Now in the pop-up box find out the "Show social buttons" option and drag the button for Off and click the Save button.
Add Social Media Buttons to Blogger blog Posts footer 2
Step 3: Here we click the Theme option and click the drop-down customise button then select the Edit HTML option.
Add Social Media Buttons to Blogger blog Posts footer 3
Step 4: Now click anywhere in the code and press CTRL + F button and find out "post-footer-line post-footer-line-1" the code and hit twice time enter then you create some space below the finding code, now paste the customise social media buttons or icons code and click the Save button.
Add Social Media Buttons to Blogger blog Posts footer 4
Now copy the Social Media Buttons code for your blog- 
<!-- Social Button BEGIN -->
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_button_facebook_like'/>
<a class='addthis_button_tweet'/>
<a class='addthis_button_pinterest_pinit'/>
<a class='addthis_button_linkedin_counter'/>
<a class='addthis_counter addthis_pill_style'/></div>
<script type='text/javascript'>var addthis_config = {&quot;data_track_addressbar&quot;:true};</script><script src='//' type='text/javascript'/>
<!-- Social Button END -->
Step 5: Now open the Blogger blog to check the results.

Now Visit the - Demo Blog to see the result.

Above I give you my demo blog link, where I enabling customise social media buttons or icons, if you are thinking to insert these customise social buttons in your blog then first look at the social buttons how they are looking in the demo blog post footer area.

Now I give you some customise social media buttons alternative websites where you can first create a profile then you can easily create a social media buttons gadget and copy the gadget code then use in your blogger blog, so here are the social media buttons websites :-
#1. Addthis
#2. Sharethis
#3. Shareaholic
#4. Addtoany
#5. Socialbuttons4blog



  1. Nice. Mujhe bahut zarurat thi isske.... Thank You

  2. When,I add this floating share buttons code in my blog, but this is only visible on desktop,not my mobile template. So, I found a solution and share it with you.

    1. Hello sir use Addthis social media buttons widget for your blog or website

  3. Bro.. Which button you are using currently

    1. hi

      i am using floating Social Media buttons these are available on the website


  4. Brother I am new to your blogging site but honestly speaking in terms of HTML code navigation you are brilliant. Keep it up

  5. Great Article!!!!!

    Thank you so much for sharing such an amazing piece of information with us. It is very useful and informational. Keep sharing.
    Social Media