[Blogger] Hiding the Share Button from Home Page

One of the important widgets that every blog has is the sharing button.

Of course there are a lot online but AddThis is the well-know one between them all. You can find it at almost every blog; even some sites use it such as livemocha.

 

Adding this widget to your blog is simple. Just go to the site and follow the guide. However, there's a common problem about it that is how it shows on the home page while you want it to be only in the posts alone.

And in this post I'll show you how to do that; just follow these simple steps: 

1. Log in to your blogger
2. From Dashboard go to Template
3. Then click on Edit HTML
4. In the pop up window press Proceed
5. Check the Expand Widget Templates
6. From your drop down menu in the browser press Ctrl+F and look for
   <!-- AddThis Button BEGIN --> or AddThis

This is the code for your sharing button:

<!-- AddThis Button BEGIN -->

<div class='addthis_toolbox addthis_default_style '>

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

<a class='addthis_button_tweet'/>

<a class='addthis_button_google_plusone' g:plusone:size='medium'/>

<a class='addthis_counter addthis_pill_style'/>

</div>

<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4ed7ca086b140185' type='text/javascript'/>

<!-- AddThis Button END -->

7. Now add this before the code above:
   <b:if cond='data:blog.pageType == &quot;item&quot;'>
8. And this one after the end:
   </b:if>
9. Now your code will look like this:

 <b:if cond='data:blog.pageType == &quot;item&quot;'>

<!-- AddThis Button BEGIN -->

<div class='addthis_toolbox addthis_default_style '>

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

<a class='addthis_button_tweet'/>

<a class='addthis_button_google_plusone' g:plusone:size='medium'/>

<a class='addthis_counter addthis_pill_style'/>

</div>

<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4ed7ca086b140185' type='text/javascript'/>

<!-- AddThis Button END --></b:if>

10.  Click save and you're done!

Now the share button won't appear in the home page anymore. Just once you read the whole post it will show at the end; just like how my blog is.

If you done this please leave a comment with a link to your blog, I'd love to see how did it turn out after hiding the share button =)

Inspired by google [link].