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.
Share :


No comments:

Post a Comment

We love to hear from you!

Sign in to comment "anonymously" without entering verification text.