How to Add a Facebook Like Box To Your Blogspot Website and How to Create a Facebook Fan Page [Tutorial]

I am very much aware that many of you knows what Facebook is all about, yes.

Facebook is a social media website where you can interact with your friends, relative and many other people.

How can Facebook boost your blog traffic?

Facebook can help you boost your blog traffic, let's say you posted an article on your blog, and you share it to Facebook, Many people will see your post and they will click on the link that leads to your Blog, you just boost your site traffic.

The above image shows a Facebook Like box widget on Gurusblend.com, you can also add that to your Blogspot website.

Equipments

you need to have a facebook fan page for your blog, you dont have an idea? i will help you with that, just follow patiently.

• visit www.facebook.com, sign in with your facebook email address and enter your password, if you don't have a facebook account, then sign up for one. 
• From the Left Sidebar, go to create, then click on Page, see the image below for illustration.

From the page that follows, select what your Page will be all about, then do all other things accordingly.

Congratulations, you just created a Facebook Fan Page. Make sure you set your Page username, mine is gurusblendofficial, so it will be facebook.com/gurusblendofficial, that is it.

Now, to  add a facebook like box to your blog, follow the steps below:

Copy the code below:

Copy This

• <div style="text-align: center;">
  <span style="color: #555555; font-family: &quot;muli&quot;; font-size: 14px; line-height: 24px;"><br /></span></div>
  <div style="text-align: center;">
  <iframe allowtransparency="true" frameborder="0" height="250" scrolling="no" src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2FYOUR FAN PAGE USERNAME%2F&amp;tabs&amp;width=300&amp;height=250&amp;small_header=false&amp;adapt_container_width=true&amp;hide_cover=false&amp;show_facepile=true&amp;appId=136085729758515" style="border-style: none; border-width: initial; box-sizing: border-box; max-width: 100%; overflow: hidden;" width="300"></iframe>
  }
  document.write('</ul>');
  document.write('<a href="http://www.gurusblend.com/2016/12/how-to-add-facebook-like-box-to-your.html" target="_blank" rel="dofollow"><font size="1" color="black">[Get This Facebook Like Box Widget]</font></a>');
  }
  //]]>

replace the text in blue with your Fan page username.

Now go to blogger.com, on blogger, go to Layout > click on add widget/gadget > from pop up page, click on Html/javascript, see the image below:

paste the code you copied into the box, you may add a title, click on save,  click on save arrangement, finally view your blog, you just got a Facebook like box, your blog visitors can like your facebook fan page with one click on your blog without going to Facebook.

compiled by

Tolu Owoeye

CEO gurusblend