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

Get Free SEO Tips

2016_05_24_22_48_18
Follow me

Mathias Amodu

Founder at Zealmat Limited
Mathias Amodu, a passionate blogger with full interest in making the world a better place for upcoming webmasters in the society at large
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 912 Articles
Mathias Amodu, a passionate blogger with full interest in making the world a better place for upcoming webmasters in the society at large

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.


*


[mc4wp_form id="3153"]