Wednesday

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.

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

zealmatblog

2 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 ?

    ReplyDelete
    Replies
    1. OK please can you give us ur site URL to check it out thanks

      Delete



Parse Your Adsense HTML code Here





We love to hear from you!

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