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.

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.

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.

Step 3: Here we click the Theme option and click the drop-down customise button then select the Edit HTML option.

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.

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='//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-XXXXXXXXXXX' 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

Read More:- 

Add YouTube Subscribe Button on Blogger blog

How to add Facebook Fan Page to Blogger blog
How to Allow Anonymous Comments on Blogger
Remove Subscribe To Posts (Atom) From Blogger 

I hope you enjoy this Post. If any problem comment it.