Add Facebook Share, Like and Twitter Tweet Button To Blogger Mobile View

The blogger default share button is not recognised by must blog visitors, but why? This is because there is no favicon describing it as a share button to Facebook or twitter before performing any action.
We have come a great tutorial on how to add facebook share, like and twitter tweet button to blogger mobile view with a 30 minutes, all you need to do is to follow this steps carefully.

Step 1
First you need to Sign in to your blogger dashboard

Step 2
Now Click on your blog and then scroll down and click on “Layout”..

Step 3
Then Click on the “edit” link or tab on the “Blog Posts” section or gadget.


Step 4
Scroll your mouse arrow down and click the check box “Show share button”


Step 5
Then click the save  button below….


Step 6
Then go to your “Template”  click on> “Edit HTML”

Step 7
Click inside the HTML and use CTRL F to find


Step 8
Take a look at the image below just at end of </div>


Remember that there are three ending </div> in your HTML code

Step 9
Directly below the third one, copy and paste the code bbelo

<b:if cond=’data:blog.pageType == &quot;item&quot;’>
 <span style=’font-size: 15px;font-weight:bold;’>Share : </span>
<p align=’center’>
<div class=’fb-like’ data-action=’like’ data-layout=’button_count’ data-share=’true’ data-show-faces=’false’/>
<a href=”” class=”twitter-share-button” data-count-value=”horizontal”>Tweet</a>
<script src=’’ type=”text/javascript”></script>

Step 10
Then finally save your template and then visit your blog using a mobile phone.

About Mathias Amodu 888 Articles
My Name is Mathias Amodu, a passionate blogger with full interest in making the world a better place for upcoming webmasters in the society at large


  1. Anonymous December 4, 2016
    • Mathias Amodu December 5, 2016
  2. Carruth Vallecillo August 29, 2017
  3. Vanwingerden Urick September 17, 2017

Leave a Reply