How to add Facebook like button to Blogger

Hi, I hope you are doing well. Do you want to add the Facebook Like Button to Blogger? and you are searching “How to add Facebook Like Button to Blogger?”.

Well, you have come to the right place. Today I am going to show you step-by-step how to add the Facebook Like Button to your blog.

Facebook Like and Share button for Blogger

You can increase the social shares of your website by just putting a Facebook like and share button on your blog.

With this Facebook Like Button, your visitors will be able to like your website. And also, visitors can share your URL on Facebook.

Must Read: Related posts widget for Blogger with Thumbnails

Your button will look like this one on my blog. This button is only for this blog post and not for the complete website. You can put the link in the code of your blog or in a specific post on your blog.

Today, I am going to show you how to add Facebook Like Button to Blogger.

How to add Facebook Like Button to Blogger?

Step 1:

Go to –> Blogger.Com

Step 2:

Go to –> Theme

Step 3:

Click on –> Edit HTML (Drop Down)

Step 4:

Paste this Code Just Below <body> Tag:

<div id="fb-root"></div><script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v15.0" nonce="mDzWVcAr"></script>

Step 5:

Paste this Code where you want to show the Button:

<div class="fb-like" data-href="https://www.freetoreads.com" data-width="" data-layout="box_count" data-action="like" data-size="large" data-share="true"></div>

Step 6:

Click on –> Save Theme

An alternative way to add Facebook Like Button to Blogger:

Step 1:

Go to –> Blogger.Com

Step 2:

Go to –> Layout

Step 3:

Click on –> Add a Gadget (Where you want to show the Like Button)

Step 4:

Click on –> HTML/JavaScript

Step 5:

Paste this Code in the Box:

<iframe src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.freetoreads.com&width=74&layout=box_count&action=like&size=large&share=true&height=65&appId" width="74" height="65" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>

Step 6:

Click on –> Save

Leave a Reply