How To Add Facebook Like Button Below The Post Title And After The Post In Blogger ?

As we all know that Facebook is the largest social network today, So we all keep trying to promote our blogs or website on Facebook. Facebook can generate huge traffic for our blogs and that is why we can use it as a major traffic source. Facebook always provides new tools to its users that they can use for various purposes such as for judging their products, articles etc. that people are liking it or not. Facebook likes also shows the interest and confidence of users in your blog or website. Their Facebook like button is also an amazing tool that can generate so many like for our blogs or websites. 

Facebook like button is small widget and that is its advantage as well as disadvantage. First we consider its advantage Facebook like button is a small widget so that we can place it anywhere in our blogs or website without loosing our precious space. And also we can place this widget on each and every page of our website for different articles. I have seen some SMS or messaging sites that use Facebook like button after each SMS that helps them in generating huge traffic to their sites.

Along with all these advantages it also has disadvantages, again its size is also a disadvantage because it is small and therefore if we do not place this button on right places then it makes no sense. So the thing we have to consider while using this widget is to place it on right places that can generate us maximum likes for our blog or website.

Also read: Facebook pop up like box widget for Blogger. - Recommended

In this tutorial i am going to show you how to place Facebook like button just below the post title and after the post body. Both of these places are most favorable for placing our like button. As in top position user can easily see it while reading the title and if we place it after the post body then after reading your post a user can give its opinion whether he/she is like it or not.

Below are the steps describing the procedure to create and the add your Facebook like button to Blogger:

How to create a Facebook like button for your blog or website ?

• Go to Facebook developers page.
• Then enter the required fields and click on Get code tab.

• Then it will show you two separate section of codes as shown in screenshot below.

• Now your like button code is generated, copy both the codes.
• Here i am using the name CODE 1 for above code and CODE 2 for the below code, so see the above screenshot correctly.

How to add Facebook like button just below the post title ?

• Log in to your Blogger Account.
• Then go to Dashboard >> Template >> Edit HTML.
• Now press CTRL+F and search the following code:

</body>

• And paste the CODE 1 just above </body> as shown in screenshot below.

• Now search the following code:

 <data:post.body/> 

Note: This code appears three times in the code, so you have to search the second one. And if after following the below steps your Facebook like button doesn't appears then search the third one and paste code just above it.

• Now place your second code just above <data:post.body/>, as shown in screenshot below.

• Now save your template and you are done.

How to add Facebook like button after your blog post ?

• Follow the first five steps as mentioned in above procedure.
• Now paste CODE 2 just below <data:post.body/>.
• Then save your template and you are done.

How to show Facebook like button on post pages only not on Homepage ?

If You don't want Facebook like button to appear on Homepage then simply place the CODE 2 in between conditional tag.

For example:

<b:if cond='data:blog.pageType == "item"'>
CODE 2
</b:if>

Also read:

• How to create a Facebook badge for your blog or website ?
• Black social media vertical bar widget for Blogger.