How to Hide a Specific Blogger Share Button

In our previous posts, we have showed you how to remove the official blogger share buttons as well as to hide the buttons from post pages alone. Today we are here with some other tweak on the official blogger share buttons. i.e. to hide a specific button from the blogger share buttons. Still hadn't understood what the hell am I talking about? Let me explain, as you all know, the official blogger share buttons consist of 5 separate buttons, the Facebook, twitter, email,  Google +1 and blogger button. What we are going to show is to hide Facebook button or any of the five buttons.

How to Hide Twitter/Google +1/Blogger/Email/Facebook Button?

Step 1: Go to your blogger dashboard, Template >> Edit HTML,

Step 2: Using Ctrl+F, search for <b:skin> and click on the corresponding line number.

Step 3: Using Ctrl+F, search for ]]></b:skin> and above that place any of the below codes according to your need.

To hide Facebook button,

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

To hide twitter button,

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

To hide email button,

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

To hide the blogger button,

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

To hide the Google +1 button,

.post-share-buttons .dummy-container {
display: none !important;
}

Step 4: Click the save template button.

Now just move on to your blog and you can see blogger share buttons without a specific button which you have hid. If you have faced any difficulties while hiding any of the button, please let me know it through the comment box below.