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

Today I will show you how to insert or add social media buttons to Blogger blog posts footer area with pictures.

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 customize 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 customize social media buttons or icons code and click the Save button.

Now copy the Social Media Buttons code for your blog and past it as described above or just like already pasted in above picture.

<!-- 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 -->