Best Advanced Facebook Like box for Blogger blogs | Tech Blog in Africa for How TOs


Best Advanced Facebook Like box for Blogger blogs


Share... ☂

Share on Facebook
Share on Twitter
Google Plus
The Facebook like box is one of the best gadget that keeps your audience moving in contact with you.
Over the years I discovered that Facebook has done it possible best to create different features for websites and blog for example the Facebook comment box for blogger blog and other platform.
Today I will teaching you how to use an advanced facebook like box for blogger blogs with out much stress.


Step 1
First visit

Step 2
Now on your blogger dashboard select your preferred blog which you will like to to add this feature to.

Step 3
Then scroll your move down to template tab and then click >>>> Edit HTML.

Step 4
Now on click any part in your HTML code then press CTRL+F and search for the below code.


Step 5
place the following code just above it

#BTbiz-fb {
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-goog-ms-border-radius: 10px 10px 10px 10px;
border-radius: 10px;
box-shadow: 5px 5px 5px #CCCCCC;
background: none repeat scroll 0 0
border: 1px solid #D3D3D3;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
# BTbiz-fb:hover{
background: none repeat scroll 0 0 #FFF;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
# BTbiz-fb  td{
padding:3px 0;

Step 6
Again search for the below code.


Step 7
Then place the following peace of code below it.

<b:if cond=’data:blog.pageType ==
<div id=’BTbiz-fb’>
<div id=’BTbiz’>
<table width=’100%’>
<tbody> <tr><td>
<span style=’font-style: normal; font-size:
23px; font-family:Georgia,Times New
Roman,Trebuchet MS; ‘> Like this page and get more info</span></
<iframe allowTransparency=’true’
frameborder=’0′ scrolling=’no’ src=’//
%2F zealmat&amp;
width= 450&amp;height= 200 &amp;colorscheme
style=’border:none !important;
overflow:hidden; width:560px; height:180px;’/
</tbody> </table></div></div>

Step 8
Now finally save your template and then visit your blog to see how beautiful it is.


  • Replace Like this page and get more info with your own favorite description.

  • Replace zealmat with your Facebook username.
  • Replace 450 and 200 with your desired width and height.

Don't forget to drop your comment below thank you
Show Omaleeblog love by Copying the Below link and Share on Social Media
Share :



  1. Like seriously it has been my long time desire to link my page with my blog. I'll see to it

  2. Usually it ought to terribly tough to cash if it is now not official hours. That’s why we have a propensity to feel you ample and commenced twenty 4 hour offerings.
    check cashing near me

  3. Payday advance is a bland name to a moderately new type of loaning cash. The name is gotten from the way that the credit is reimbursed in full in the following paycheque of the borrower, consequently the name payday advance. Check Cashing San-diego


Create your website from just N299/Month with DomainKing.NG.

P.S: Want me to help you personally? If yes, you can buy my helpful eBooks or Hire me now!

Do you need original SEO ready articles for your blog or website? If yes, hire Mathias Amodu on Fiverr. Expect simply the best from me.

Parse Your Adsense HTML code Here

We love to hear from you!

Sign in to comment "anonymously" without entering verification text.