How To Add Facebook Like Button Below Post Titles - TechsNaija - The Technology Hub

Latest

A Highly Informative Tech Blog About Android Tips, Blogging Tips, How To, Make Money, Applications,Downloads, Games, Social Media and Computer Gadgets

Recent

BANNER 728X90

Friday, 14 November 2014

How To Add Facebook Like Button Below Post Titles

Facebook is a social media site where a lot of audience are, you can share your post on Facebook to get traffic to your blog.

Facebook Like Button make it possible for your Blog Reader/Visitor to like your post and share it automatically on Facebook by sharing your post the friend of the person that share your post will see your post on his/her wall.

Adding Facebook Like Button below your post title is a very good idea and a good way to spread your blog posts/contents on Facebook.

If a Facebook user like your post, the liked article/content will be displayed on his/her profile with the assurance that other  friends will see it.

Today, I will take through the journey on how to add this Facebook Like Button below your post titles, this is different for Facebook Fan Box.

Kindly follow the steps below properly!

Adding Facebook Like Button Below Your Post Title

1. You need to have Log-in (Sign in) to Blogger Dashboard

2. Then click Template and select Edit HTML

3.  Now click anywhere inside the template code area and find (CTRL + F)            <data:post.body/>
Note: You will find the code more than 2 or 3 times, use the second one or the third one (if it did not display after using the second one)
4. Paste the below code just before/above it

    <p><iframe allowTransparency='true' expr:src='&quot;
    http://www.facebook.com/plugins/like.php?href=&quot;
    + data:post.url + &quot;&amp;
    layout=button_count&amp;show_faces=false&amp;width=100&amp;
    action=like&amp;font=arial&amp;colorscheme=light&quot;
    ' frameborder='0' scrolling='no' style='border:none;
    overflow:hidden; width:100px; height:20px;'/></p>


5. You are almost done, save your Template, Facebook Like Button is successfully added below your blog  post titles.

Do your face any difficulty adding this Facebook Like Button to your blog??,  Let us know by using the Comment below.
Please take a second out of your time to share this post with your friend and other blogger.

2 comments:

  1. Nice one. But will it show on mobile as well? Or is dere a different way 4 dat?

    ReplyDelete
    Replies
    1. Nope.. You Have To Add It To Mobile View Manually.. I Will Update You On How To Do That Bro..

      Delete