10/17/2015

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



Today, I'm sharing with you, how to add Facebook Share, like buttons as well as Twitter tweet button to the mobile view of Blogger blogs. This will make it easy for your blog readers to easily share and tweet your blog posts while accessing your blog on their mobile phones browsers.


By default, you should notice a SHARE button with a Google+ button on the mobile view of your blog. If not, you should activate it by following the steps below:

==> Sign in to www.blogger.com
==> Click on your blog and go to "Layout"
==> Click on the "edit" link on the "Blog Posts" section



==> Scroll down and tick the "Show share buttons" option as seen in the screenshot below:



==> Click "Save"

Once it starts displaying on the mobile view of your blog, if you click on SHARE, a new window should pop up, where you can select where you want to share the post.

To be honest, most of your blog visitors might not know they can also share to Facebook, etc using that default share button. Hence, the need to add a separate Facebook share and Twitter button below it.



To do that, go to "Template" > "Edit "HTML"

==> Click inside the HTML and use CTRL F to find <b:if cond='data:top.showMobileShare'>

==> Carefully find the ending </div> as seen in the screenshot below:


==> There are three ending </div> as seen in the screenshot above
==> Directly below the third one, copy and paste the code below:

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


==> Save your template.

Check out the posts on the mobile view of your Blogger blog and you should notice the share and tweet buttons been displayed below the posts.

I hope this works for you.

Check out other tips here on how to customize the mobile view of your blogger blog.

NB: I can fix this for you FREE if you're one of those that have purchased my blog template. Buy my template here.


Share :


17 comments:

  1. Hmmm what a good one the i love that , Nice Blog and a Good writer , Keep on Blogging Things Like this

    ReplyDelete
  2. Anonymous10/18/2015

    Pls how can I get ride of this error code on my pc this error usually pop up each time I try to extract zip file on my pc "Error 0x80004005". Pls help me I know that this is off topic

    ReplyDelete
    Replies
    1. Use Universal Extractor. Download it from filehippo.com

      Delete
  3. Nice one. Just done that. WWW.VICTORNWANKPA.COM

    ReplyDelete
  4. i am reading your step by step guide on how to set up a blog and i must say you nailed it, although i still need a lot of help

    ReplyDelete
  5. Thanks a lot.. Really enjoy reading your posts..It's helping me a lot..

    ReplyDelete
  6. good job.. check www.damytechs.blogspot.com

    ReplyDelete
  7. Please,how can i enable comment in my blog cus my readers need to be heard

    ReplyDelete
  8. Can Get Tweet but no facebook like and share button.
    Any solution?

    ReplyDelete
  9. it works but only tweet button showing

    ReplyDelete
  10. I've tried all my possible bests to get this thing done, all to no avail. What should I do?

    ReplyDelete
  11. Thanks for this info i will put this to work immediately

    ReplyDelete
  12. Thank you for this post. It helps!

    ReplyDelete
  13. boss, i only get tweet button, its not showing facebook button.

    ReplyDelete

We love to hear from you!

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

Want to be notified when I reply your comment? Tick the "Notify Me" box.

If your comment is unrelated to this post, please drop it at my Facebook group here.

THANKS.

Designed by Jide Ogunsanya.