How To Add Custom Facebook Like Button To Blogger Blog

Facebook is a great social media platform which helps to drive tons of traffic to our blog sites.

Adding Facebook Like button to your blog site will definitely help you build more traffic to your blog.

On this article, I will like to show you a simple way you can use to add custom Facebook like button to your blogger blog or website.

The Facebook Like Button will help to increase your blog engagement thereby increasing your traffic.

So anytime somebody clicks on the LIKE BUTTON below any of my post the link to the post will be shared automatically on the person's Facebook wall.

How To Add Custom Facebook Like Button To Blogger Blog

The best part of adding a Facebook LIKE BUTTON is that when this person likes any of your article on your blog.

Facebook will notify all his/her friends about the article they liked and they too may gain interest to read the article, which means More Blog Traffic for you.

How Do I Add Facebook Like Button To Your Blog?

To add Facebook LIKE BUTTON to your blogger blog I will provide you with two code and also a link to the LikeBtn site from which you can add different custom Facebook Like Button.

There're different positions where you can add the Facebook like button depending on your blog design and layout.

Mine is added immediately below all my post body,  I will also teach you how to add the Facebook Like Button below all your post body.

Code for Facebook Like Button -

<div class='fb-login-button' data-auto-logout-link='true' data-button-type='continue_with' data-max-rows='10' data-show-faces='true' data-size='medium' data-use-continue-as='false'/><div class='fb-like' data-share='true' data-show-faces='true' data-width='200'>


<!-- BEGIN -->
<span class="likebtn-wrapper" data-identifier="item_1"></span>
<script>(function(d,e,s){if(d.getElementById("likebtn_wjs"))return;a=d.createElement(e);m=d.getElementsByTagName(e)[0];a.async=1;"likebtn_wjs";a.src=s;m.parentNode.insertBefore(a, m)})(document,"script","//");</script>
<!-- END -->


How To Add Custom Facebook Like Button To Blogger Blog

Configure your Facebook Like Button as you like.

The code above is the default Facebook like button but you can configure it to your test.

LikeBtn have paid versions of Facebook Like Button with unlimited features (Pro, VIP, Ultra etc) and free versions with limited features.

Best positions to put your Facebook Like Button Codes are:

Before you do any editing on your blogger HTML source code it's always wise to backup your template.

If your using an Android phone for doing the blogger source code editing then use this great source code editing tools for Android.

If you would like to put the LIKE BUTTON code below all you post body follow this steps.

Adding the LIKE BUTTON below your post body will help people to easily like the post immediately after reading it.

Login to Blogger >> In your blog dashboard click ‘Layout’ >> ‘Edit Html’ >> Tick the ‘Expand Widget Templates’ box.

Search for <data:post.body/>  by pressing Ctrl and F on your keyboard.

When you find it paste the Facebook Like Button code below <data:post.body/> and the Like Button will appear immediately below your post.

To make it appear on top of your post, below post title then paste the Like Button code above <data:post.body/> or below <div class=’post-header-line-1′>.

Click on SAVE

I hope this helps you achieve your aim?

Like and share if it helped you.
Author: My name is Omeh Collins Ogbonna am a passionate Blogger who wants to Help The World Through Technology by Solving, giving out Useful and Valuable information using my blog as the great and unique medium. We provides all Tech / Telecommunication services, How To Make Money Online, free/Cheap Datas, Andriod Smartphones, Games, 9Mobile, Tech news, iPhones, Phone Review, ICT Issues, Free Tutorials. etc. You can Contact Me or join my Social media platforms. We welcome everybody from all around the World. love you all.

Mega Empire Global Investments
Join Our Free Newsletter
Sociliaze with Us
Next Post »

Thank You For Sharing Your Feedback, We're Happy You're Here, Because We Love To Help Others. I appreciate your comments. ConversionConversion EmoticonEmoticon