Add Media Buttons at End of Blog Post Blogger

If you do not want to show your social share buttons below the posts titles or on your blog side bar, you may decide to display them at the end of each blog Post. Displaying  your social share buttons at the end of blog posts  is almost similar with displaying them below the posts titles and you only need to make slight changes in the coding.

Here is how to do it, 

• Go to blogger dashboard
• Template
• Edit HTML
• Proceed
• Check the Expand Widget Template Box
• Using CTRL + F
• Locate the following codes;  <data:post.body/>

Copy and paste the following codes just after <data:post.body/> code;
 

<!-- AddThis Button BEGIN -->

<div class="addthis_toolbox addthis_default_style ">

<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>

<a class="addthis_button_tweet"></a>

<a class="addthis_button_pinterest_pinit"></a>

<a class="addthis_counter addthis_pill_style"></a>

</div>

<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>

<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-504b3a8a674bf05b"></script>

<!-- AddThis Button END -->
 

Your final code should now look like this;

 

<data:post.body/>

<!-- AddThis Button BEGIN --> <div class="addthis_toolbox addthis_default_style ">

<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>

<a class="addthis_button_tweet"></a>

<a class="addthis_button_pinterest_pinit"></a>

<a class="addthis_counter addthis_pill_style"></a>

</div>

<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>

<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-504b3a8a674bf05b"></script>

<!-- AddThis Button END --> 

 

Note that, if you already have an adsense or chitika code inserted after <data:post.body/> so that you ads will appear at the end of the blog posts, you will have to insert social media buttons code after the adsense or chitika coding. After you have done that, your social buttons and chitika ads should look like this on your blog;

 

 

Preview your blog and check whether the social share buttons are appearing at end of the posts. If you are satisfied by the way they look, click on Save Template. You are done. All your new posts will have share buttons at the end of blog posts.

Related Posts
Add Social Networking Buttons on Blog Side Bar
Add Floating Media Share Button on Blog
Add Social Media Share Buttons Below Post Titles