By using this site, you agree to the Privacy Policy and Terms of Use.
Accept
Blogbeast
  • Adsense
  • Blogger
  • WordPress
  • Social Media
  • SEO
  • Tips
  • Offbeat
Search
© 2022 Foxiz News Network. Ruby Design Company. All Rights Reserved.
Reading: How to add Facebook Page like box on your blog – Blogger tips for beginners
Share
Sign In
Notification Show More
Latest News
What is blogging and how to make money from it?
What is blogging and how to make money from it?
Offbeat
How To Make Money from Blogging
8 Fastest ways on How To Make Money from Blogging
monetization
What is wordpress plugin
20 Best WordPress Plugins for your Websites in 2022
wordpress
How to Uninstall Wordpress Plugins manually
How to Uninstall WordPress Plugins completely with Shortcode
wordpress
What is wordpress plugin
What is wordpress plugin ? How to install WordPress plugin in 4 easy methods?
wordpress
Aa
Blogbeast
Aa
  • Adsense
  • Blogger
  • WordPress
  • Social Media
  • SEO
  • Tips
  • Offbeat
Search
  • Adsense
  • Blogger
  • WordPress
  • Social Media
  • SEO
  • Tips
  • Offbeat
Have an existing account? Sign In
Follow US
© 2022 Foxiz News Network. Ruby Design Company. All Rights Reserved.
bloggerwidgets

How to add Facebook Page like box on your blog – Blogger tips for beginners

admin
Last updated: 2022/08/27 at 6:05 PM
admin
Share
3 Min Read
SHARE

Dear friends, Facebook is one of the best source for maintaining followers for your interest. It has billion of users that are in search for something. And this can play a major role in driving traffic for your website.

That why you must have a Facebook Page like box in your blog or website so your followers can be in your contacts always. Here in this article i will show you how you can add a Facebook Page widget in blogger’s blog.

Steps to add a Facebbok Page widget in your blog:

 

How to add facebook page widget in blog

 

How to add facebook page widget in blog

1. First of all log in to your blogger account and click on the “Theme” option in the left section. And then click on Edit HTML option

How to add facebook page widget in blog

2. Now look for the code </body> . You can do it by pressing ctrl+F button simultaneously. You will find it at the end of the page.

How to add facebook page widget in blog

3. Now copy the code below and paste it just above the </body> code.


<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&amp;version=v3.1';
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Now click on the Save Theme button and save your theme.

How to add facebook page widget in blog

4. Theme editing section is done. Now go to Layout section and you have to add a widget that contains the facebook code.

How to add facebook page widget in blog

5. Click on Add a widget where you want to display the Facebook Page like widget on your blog as shown in the figure below.

How to add facebook page widget in blog

6. Now copy the code below and and paste it in the dialogue box opened after clicking on add a widget.

<center>
<div class="fb-page" data-href="https://www.facebook.com/YOUR_PAGE_NAME" data-width="360" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true">
</div>
</center>

Change the code “https://www.facebook.com/YOUR_PAGE_NAME” with your facebook url. and then click on save arrangement button.

Thats it Facebook Page like widget has been created in your blog/website. You can preview it here how it will look like. If you have any problem or you want to ask any question you can comment below.

You Might Also Like

How to make a Biolink for Instagram on Blogger

How to add a cookie consent notification to Blogger

Difference between Blogger and WordPress | Best blogging platform in 2022

How To make your blogger theme responsive

Share this Article
Facebook Twitter Copy Link Print
Share
Posted by admin
Follow:
Success is no accident. It is hard work, perseverance, learning, studying, sacrifice and most of all, love of what you are doing or learning to do.
Previous Article How To Completely Install A Blogger Template
Next Article How to add Blog/Website to Google Search Console to increase blog/website traffic
Leave a comment Leave a comment

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Stay Connected

235.3k Followers Like
69.1k Followers Follow
56.4k Followers Follow
136k Subscribers Subscribe
- Advertisement -
Ad imageAd image

Latest News

What is blogging and how to make money from it?
What is blogging and how to make money from it?
How To Make Money from Blogging
8 Fastest ways on How To Make Money from Blogging
What is wordpress plugin
20 Best WordPress Plugins for your Websites in 2022
How to Uninstall Wordpress Plugins manually
How to Uninstall WordPress Plugins completely with Shortcode

We influence 20 million users and is the number one business and technology news network on the planet

Follow US

© 2023 BlogBeast. All Rights Reserved.

Removed from reading list

Undo
Welcome Back!

Sign in to your account

Lost your password?