hide or remove specific blogger share button

How to hide/remove a specific Blogger share button :

By default Blogger share buttons will appear below blog posts in logger.We can hide or remove them in Blogger.We can also hide or remove specific Blogger share button.It is easy to remove Blogger share buttons without adding any css code and it  is easy to hide share buttons with  by adding css some code to Blogger.

Follow below steps to hide/remove a specific Blogger share button.

Step 1 : Go to Blogger Dashboard

Step 2 : Click on Template and click on Edit HTML.


To remove Blogger share buttons : 

Step 3: Search <b:includable id='shareButtons' var='post'> 
and closing tag of above line </b:includable>
In between above 2 line all the blogger share buttons code will appear.



Suppose if you want to remove twitter share button , delete below code from that

<b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if>

Like this you can remove remaining share buttons.After removing you can't get back those button without adding exact code which we deleted in that exact location.

To hide share buttons : 

Step 1 : Go back to Blogger Dashboard

Step 2 : Click on Template

Step 3 : Click on Customise

Step 4 : Click on Advance and click on Add CSS
Suppose if you want to hide twitter share button then add below CSS code.

.sb-twitter {
display: none !important;
}

Step 5: Click on Apply to blog

Check share button on your blog once whether twitter button is hide or not.

Like this you can hide remaining share buttons
Just replace button name after .sb- in the above CSS code.
i.e
.sb-enter share button names(mail/blog/twitter/facebook){
display: none !important;
}

If  you want to get back buttons simply delete that CSS code.