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

2016_05_24_22_48_18
1
Follow me

Mathias Amodu

Founder at Zealmat Limited
2018 NIRA Award winner for Youth Development, A Web and SEO Specialist, Blogger, Student, Son, A business Man
1
Follow me
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.

Image

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

Image

Step 5
Then click the save  button below….

Image

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

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

<b:if
cond=’data:top.showMobileShare’>

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

Image

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=”http://twitter.com/share” class=”twitter-share-button” data-count-value=”horizontal”>Tweet</a>
<script src=’http://platform.twitter.com/widgets.js’ type=”text/javascript”></script>
      </p>
</b:if>

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

About Mathias Amodu 926 Articles
2018 NIRA Award winner for Youth Development, A Web and SEO Specialist, Blogger, Student, Son, A business Man

4 Comments

  1. I pasted the code as instructed but it only shows the Tweet button. Wonder if anything in my code conflicts with the Facebook button code. I had earlier manually added a Facebook like button to my desktop version. Any idea ?

Leave a Reply

Your email address will not be published.


*