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='"
http://www.facebook.com/plugins/like.php?href="
+ data:post.url + "&
layout=button_count&show_faces=false&width=100&
action=like&font=arial&colorscheme=light"
' 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.

Nice one. But will it show on mobile as well? Or is dere a different way 4 dat?
ReplyDeleteNope.. You Have To Add It To Mobile View Manually.. I Will Update You On How To Do That Bro..
Delete