Add a Facebook Like/Fan box to Blogger

Update Sept. 2010:
Facebook replaced the input Facebook Page ID with Facebook Page URL. This tutorial has been revised accordingly.

Here is a tutorial on adding a Facebook Like box (formerly a Fan box) to Blogger/blogspot. It’s a good way to promote your Facebook page. A Like box lets your readers:

facebook like fan box
  • See how many users already Liked your page.
  • Like your Facebook page with just one click, without having to visit the page.
  • Read your page’s recent posts (if you choose to display them).

(Looking for Like button instead? Learn how to Add Facebook Like button here)

Now let’s proceed shall we?

 

 

I) Get your Facebook page ID URL

  1. Visit Facebook and go to your page.

    facebook page url 1

  2. Copy the Id URL from your browser’s address bar. It’s at the end of the url.  Trim the URL until you get something like this:
    http://www.facebook.com/pages/Blogger-Sentral/115496238467364
    [http://www.facebook.com/pages/PAGE-NAME/PAGE ID]

 

II) Configure your Like box

  1. Go to Facebook Like box configuration page (opens in a new tab/window). You will see a configuration box, like this (Facebook has replaced Facebook Page ID with Facebook Page URL):

    facebook like fan box configuration

  2. Now paste your page ID URL inside the Facebook Page ID URL text box.
  3. Set other parameters such as width, height and stream. The Preview on the right will update itself as you enter the changes.
  4. Click Get Code button when done. You’ll be given two codes, titled iframe and XFBML. You only need the iframe code.
  5. The iframe code should look more or less like this (do not copy this code):
    <iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FBlogger-Sentral%2F115496238467364&amp;width=292&amp;connections=10&amp;stream=false&amp;header=true&amp;height=280" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:280px;" allowTransparency="true"></iframe> 

    Update February 2011:
    It seems Facebook (perhaps erroneously) has the box height fixed to 62px. This allows only your Facebook page title and the Like button to appear inside the box. The faces will be hidden. To show them, you must increase the height. For example, to show two rows of faces, change the height to 280px. There are two heights in the code, make sure you change both.

  6. Copy the code (the code provided by Facebook, not the sample code in no.5).
  7. In Blogger, go to Layout and click a Add-A-Gadget link. Select HTML/Javascript gadget and paste the code in the content box.
  8. Save and view your blog.
  9. Enjoy! 
Want to know another way to increase your page Likes? Use a landing page, made just for your new visitors.

223 comments to "Add a Facebook Like/Fan box to Blogger"

«Oldest ‹Older 1 – 200 of 223 Newer› Newest»
jfook May 11, 2010 at 12:00 PM    

I dun have fans. So it's ok lar. hahahaha

Hafiz Mohd May 11, 2010 at 12:02 PM    

thanx ya..but it finally facebook has changed their code. before this i try ..i failed..but now i try without modified the code given..its works! because the code given is same what the code you has been modified! HAHA you so genius!! Facebook make mistake I think~ (^_^)

Greenlava May 11, 2010 at 1:48 PM    

@jfook
Aah...so humble :)

@Hafiz Mohd
Thanks for this info...updating my post now.

Anonymous,  May 20, 2010 at 6:07 AM    

m glad to find this blog

Ohmanusia May 28, 2010 at 1:53 AM    

tima ksh >.<
akhirnya, dpt jua!

Greenlava May 28, 2010 at 4:15 PM    

@Ohmanusia
Oh...sama-sama. Jemput datang lagi :)

EllyMama May 30, 2010 at 3:06 AM    

Thank you!!! I was searching high & low to fix this on my blog. Finally done it after reading this. :)

PurpleCollection May 30, 2010 at 2:25 PM    

hey, this info is so helpful! thanks for the tutorial! i've been wanting to add a like box in my blog for so long but am not good at it.

Greenlava May 30, 2010 at 11:43 PM    

@PurpleCollection
Looks good :)

Coach Chris June 28, 2010 at 3:58 PM    

Blogspot wants the URL so I can't enter the HTML text. Do you have an suggestions?

Greenlava June 28, 2010 at 10:41 PM    

@Coach Chris
Are you sure you've selected HTML/Javascript gadget?

Cik Bucken July 18, 2010 at 6:27 PM    

this is seriously wicked!!!

FooF July 20, 2010 at 4:13 PM    

waww that was useful thanks alot!
But can you help me please?
I've already added my like box, but I don't want my page recent post to be shown in the box :-S
I want one just like yours, how can I do that?
This is my blog:
http://diams-rap.blogspot.com/

FooF July 20, 2010 at 4:16 PM    

Oh sorry I found out!!!
I don't have to tick the "show streame"
:">
Thanks again

Kinky Apothecary July 27, 2010 at 4:32 AM    

I have been trying to figure this out for AGES!!! Just spent the whole evening googling, and it was driving me nuts. Thank goodness I found this post! Thank you!!

Greenlava July 27, 2010 at 12:14 PM    

@Kinky Apothecary
My pleasure. Use the Post Index tab and search box to discover more tutorials.

Anonymous,  July 30, 2010 at 6:41 AM    

Good tut... But
Can this only be done with a fan page?
I want to do this with a normal facebook page....

Greenlava July 31, 2010 at 2:23 AM    

@Anonymous
I believe that's not possible.

ganool August 17, 2010 at 12:28 PM    

how to change the color background and text?

Greenlava August 17, 2010 at 2:52 PM    

@ganool
Only background color can be changed -by adding background-color:COLORCODE; in the style attribute in II)5.

a good catch August 18, 2010 at 4:19 PM    

thank you.. we feel harmonize with my fb friends inmy site..

check it here http://www.agoodcatch.co.cc/

thank you very much

Deb Morrison September 10, 2010 at 4:11 AM    

Hello, its not working for me.
My blogger site is www.digitalchariot.blogspot.com
Can I send you my code? This site wont let me past my iframe code

Greenlava September 11, 2010 at 7:55 PM    

@Deb Morrison
Okay, use the contact form.

lovefashionbitches September 14, 2010 at 9:58 PM    

hi can someone please help me? I've got the code but I don't know where to put it?

Where do I place the code - my page is lovefashionbitches.blogspot.com

Greenlava September 15, 2010 at 8:36 AM    

@lovefashionbitches
1. Go to Design > Page Elements.
2. Click an Add-A-Gadget link.
3. Select HTML/Javascript gadget.
4. Paste the code in the lower text box.

Virtualust September 22, 2010 at 4:15 PM    

In early Sept 2010, Fb changed the config box from "FaceBook Page ID" to "FaceBook Page URL". Your method will not work, I tried it.

Virtualust September 22, 2010 at 4:30 PM    

FB is experiencing bug problem for like box, many people are experiencing since early Sept.

Greenlava September 22, 2010 at 6:52 PM    

@Virtualust
Tutorial updated. Thanks for the info, I appreciate it.

Marty Tousley, CNS-BC, FT, DCC September 30, 2010 at 7:25 AM    

Hi ~ I've done everything properly, and on the Facebook site, [http://developers.facebook.com/docs/reference/plugins/like-box#] the Like box example that appears after I add my FB page address [http://www.facebook.com/pages/Grief-Healing/122544542447] looks just fine. Next, I've copied the plug-in HTML code that appeared there and added it to the HTML/Javascript gadget on my blog -- but then, what appears on my blog is a like box for the Facebook platform itself, rather than the like box for my own Web page! I just cannot figure out what I am doing wrong. Can you help? Here is the code that Facebook is giving me for my site:

[iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fplatform&width=292&connections=10&stream=false&header=false&height=255" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:255px;" allowTransparency="true"></iframe]

Thanks so much for any help you can offer!

Greenlava September 30, 2010 at 9:44 AM    

@Marty Tousley, CNS-BC, FT, DCC
I've tested it, working fine from here.
Just give it one more try.

Or you can copy the code below :)
[iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FGrief-Healing%2F122544542447&width=292&connections=10&stream=false&header=false&height=255" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:255px;" allowTransparency="true"></iframe]

Marty Tousley, CNS-BC, FT, DCC September 30, 2010 at 10:02 AM    

Holy Cow! I've been working on this off and on all day today with no success! I just plugged in your code (with the stuff you added) and it worked fine for me! You are a genius! Thank you soooooo much! Yay!

JRam September 30, 2010 at 1:49 PM    

How do you go about customizing the like box? I am trying to change the color scheme, font color, and remove the icon.

Greenlava September 30, 2010 at 4:05 PM    

@JRam
Please refer to reply #20

Shannon October 25, 2010 at 4:44 AM    

I can't get mine to show up without the stream. I uncheck show stream but the code isn't working. Here's my blog:

http://soimovedtolondon.blogspot.com/

Here's the code I'm using:

[script src="http://connect.facebook.net/en_US/all.js#xfbml=1"][/script][fb:like-box href="http://www.facebook.com/pages/SoIMovedToLondon/158771440822043" width="220" colorscheme="dark"][/fb:like-box]

Please help! Thanks

Greenlava October 25, 2010 at 8:51 AM    

@Shannon
I see you've fixed it.

scody October 26, 2010 at 9:43 AM    

You say "In Blogger, go to Design > Page Elements and click an Add-A-Gadget link. Select HTML/Javascript gadget and paste the code in the content box."
When I click on the Add-A-Gadget link, there isn't an option for html. What am I missing?
Thanks!

Greenlava October 26, 2010 at 11:52 AM    

@scody
There is. It's the sixth item from top. Scroll down to see it.

Gabba October 31, 2010 at 10:50 AM    

thank's a lot bro', i adjust the code and lokk perfect, just i want

The British Homemaker November 2, 2010 at 12:22 PM    

i have spent almost an hour trying to get this to happen on my blog and had no luck.

thanks to your direction tho i have been successful!!

thank you, i am now a very happy bunny!! :)

Greenlava November 2, 2010 at 5:49 PM    

@The British Homemaker
You're welcome. I'm happy for you :)

longblackveil November 2, 2010 at 11:03 PM    

Thanks very much. I didn't know where to plonk the code finally, and your detailed post helped. Cheers.

JF November 4, 2010 at 5:34 AM    

THANK YOU!!!!!!!!

Vic,  November 12, 2010 at 9:39 PM    

Hello!

I've been trying to add this into my bloggger, but it only shows "The page you are trying to access is restricted or unavailable". My page has no age restrictions, and it is set under "Anyone 13+". This is my blog: http://www.onewaysingapore.co.cc/ and this is my page http://www.facebook.com/onewaysingapore . Please please help me :( thank you so so much in advance!

Greenlava November 13, 2010 at 9:29 PM    

@Vic
I tested the page with Like box configurator. No problem.
Why don't you try it one more time.

Beben December 2, 2010 at 4:10 AM    

your blog so usefully...its just a simple trick for my bloglang si ganteng kalem tea...for fan page like box...
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="http://www.facebook.com/pages/Prodigy-of-Head/122292581115426" width="auto" stream="true" header="true"></fb:like-box>
hopefully useful
cheers^^

catatan laci December 6, 2010 at 11:21 PM    

Hi, thank you. it's very usefull for my blog

DevAngel December 11, 2010 at 8:13 PM    

Thax sir..

Laura December 29, 2010 at 10:27 AM    

Quick question (and I may just be dumb)--it shows up fine in the like box configuration, but when I add it to my blog, it just has "find us on facebook" and then Facebook social plug in. None of my FB page's information is there. Does it just take a day to update or should it be immediate (in which case, what have I done wrong?)? (http://sayitonthewall.blogspot.com)

Greenlava December 29, 2010 at 2:04 PM    

@Laura
Hey you've figured it out. Should not have underestimated yourself :)

Florida January 8, 2011 at 1:55 AM    

Blogger keeps telling me my "url contains illegal characters". Any idea what this means? Thank you.

Greenlava January 11, 2011 at 12:59 AM    

@Florida
I'm not sure. Have you tried to copy paste the code one more time?

Laguna Dirt January 14, 2011 at 12:26 AM    

i think you have answered this already, but i haven't found the specific directions. i copy in like box code in the html gadget and the like box comes up, but also has all the streaming from my blog. how do i get it so it only shows the like box? my blog: www.lagunadirt.blogspot.com. thanks so much!

Laguna Dirt January 14, 2011 at 12:32 AM    

ok, i took out the stream=true&amp (just a guess, i'm totally techie stupid) and it did seem to remove the stream but the box is still pretty big and spills over the right side, and has a lot of white empty space at the bottom. i moved it down to the bottom of my blog, where it look ok, but no one will really see it. any suggestions on sizing it to fit better? www.lagunadirt.blogspot.com. thanks again!

Greenlava January 14, 2011 at 1:06 AM    

@Laguna Dirt
Go back to Like box configuration page.
Set the width to 180, height to 270 and untick Stream.
Copy the code and paste it to replace the existing code.

Laguna Dirt January 14, 2011 at 1:23 AM    

never mind. got the untick. i changed width to 180. didn't see place on configuration page to adjust height. it fit a lot better, but not perfect. i unticked stream. it kind of worked, but the like box did not display my image and it linked (and read) "facebook social plugin". does just display like that on my blog view?
(I will put it up right now in case you want to see for yourself, on upper right corner.) thanks again!!

Laguna Dirt January 14, 2011 at 1:29 AM    

never mind. i did it several more times, and unticked show faces, and now it works. thank you so much, though, for all your patience!!!

Tamsyn Spackman January 14, 2011 at 11:57 PM    

Duh! I don't know why I didn't think to add an HTML/Javascript gadget. I was stumped. Thank you so much for the helpful article!

Anonymous,  January 25, 2011 at 11:06 PM    

it refuses to identify my page

Pamela January 26, 2011 at 4:09 AM    

Thanks a bunch.. Gosh, i cannot believe i wasnt able to figure that out on my own.. :D

smsinhindi.com January 27, 2011 at 8:09 PM    

I found the solution of error - Faces not showing on blogger which it show at facebook while generating the code.
While experimenting, I only edit the width 292px (from 62px)and now it start showing the face. :)

Carrie LeighAnna February 17, 2011 at 10:41 PM    

I've tried this for several days, but when I put in the code, all that comes up under "Find us on facebook" is the "facebook social plugin" link. Am I doing something wrong? I would have shown you the code it gave me, but the comment won't allow it. The facebook url is http://www.facebook.com/pages/Beauty-and-Thrift/154334144619950

Carrie LeighAnna February 18, 2011 at 1:46 AM    

And NOW I see where you CLEARLY informed readers how to enter code. That annoys even me...And this is my code...

[iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fplatform&width=292&colorscheme=light&show_faces=false&stream=false&header=false&height=62" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:62px;" allowTransparency="true"></iframe]

Greenlava February 19, 2011 at 12:40 AM    

@Carrie LeighAnna
Try this code:
[iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/Beauty-and-Thrift/154334144619950&width=200&colorscheme=light&show_faces=true&stream=false&header=false&height=265" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:265px;" allowtransparency="true"></iframe]

Carrie LeighAnna February 19, 2011 at 5:34 AM    

I don't know what you did, but it totally worked. Thanks so much!!

Chinga tu Madre February 19, 2011 at 9:30 AM    

thank you so much everybody co check my blog

AnnelynDesigns February 25, 2011 at 3:04 AM    

Thanks! I've been so annoyed about this and your post actually helped me out! http://annelyndesigns.blogspot.com

Susan @ homeroad.net February 26, 2011 at 6:53 AM    

Ok, I've been trying to do this for a week now, followed all the advice... Yours worked. I think your note about the changes in Feb. helped. Also.... It only seems to work if you have a like page, not a regular Facebook page.

Susan @ homeroad.net February 26, 2011 at 6:53 AM    

And thank you so much!
Susan

Bilgi'ce February 27, 2011 at 2:08 AM    

sorr but ı am still looking for where should I put the code in html? I want facebook like box at the right side on my blog but don't know where I should put in HTML? Please help me:(

Greenlava February 27, 2011 at 2:21 AM    

@Bilgi'ce
Go to Design > Page Elements and click an Add-A-Gadget link in the sidebar. Select HTML/Javascript gadget and paste in the code.
To change position, you simply drag the widget box.

Bilgi'ce February 27, 2011 at 3:20 AM    

That's it! Thank you soooo much:) you are wonderful :)

Daisy March 2, 2011 at 6:03 PM    

Thanks I appreciate this guide....so much...

CAV March 5, 2011 at 3:23 AM    

thank you so much, I was having the problem with the height. I had edited it but it wasn't showing up (I noticed only the first instance of 62 pixels and said hmm thats too small)

www.cavscorner.blogspot.com

Greenlava March 5, 2011 at 9:24 AM    

@CAV
You should find two heights with the same values.

AMIA Global March 10, 2011 at 5:58 AM    

Thanks so much

Heather March 10, 2011 at 7:12 AM    

this is our fan page !
http://www.facebook.com/pages/Cam-with-Heather-Productions/141989645839006
I put it on the http://developers.facebook.com/docs/reference/plugins/like-box/
but nothing show up on the right !! what can I do? Could you check it for me?
Thank you very much !!!!

Heather March 10, 2011 at 9:01 AM    

oh I got it done !!! Thank you so much !! this is very helpful !!!!!!

Gary Anderson March 10, 2011 at 12:00 PM    

Okay I'm having some issues. I can't get any of the boxes to show up on my blog, just a blank white box.

I also can't find the one that looks like yours, with the faces. I selected "facepile" and every other option on the like box page, but nothing that resembles that.

I'm using blogger and my address is http://www.searchingforchetbaker.com

I've used the iframe and the other one as well.

Greenlava March 10, 2011 at 3:57 PM    

@Gary Anderson
Use this code:
[iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FSearching-for-Chet-Baker%2F106830886017905&width=260&colorscheme=light&show_faces=true&stream=false&header=false&height=280" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:260px; height:280px;" allowTransparency="true"></iframe]

Marga.B March 13, 2011 at 9:19 PM    

Thank u a lot!

Ice Princezz March 17, 2011 at 10:17 PM    

Ive been trying for days to add a FB like box to my Blogger page, but have been unsuccessful so far. I tried your way but all that shows up is a heading and thats all. no boxes, no feed. Please help me. Is my code wrong? My FB like page is http://www.facebook.com/home.php#!/pages/BlogShare/172455046135334

Please help me out!

Greenlava March 17, 2011 at 11:29 PM    

@Ice Princezz
Looks like you've fixed it)

Bangkok Planetarium April 12, 2011 at 11:24 AM    

i'm wondering the reply option on blogger comment here instead. Hv u got a page explaining how you did it?

Greenlava April 15, 2011 at 8:20 PM    

@Bangkok Planetarium
There is no reply option here. I do it the old fashion way -copy and paste :)

Kenni April 17, 2011 at 1:05 AM    

Thank you for this! I have been trying for days to get that stupid box up!

Erika April 22, 2011 at 10:04 PM    

Can you please help me with facepile? I've actually managed to add the like box (which took me a whole day) but I seem to have trouble with facepile.

http://healthforthenewmind.blogspot.com

Any help would be greatly appreciated.

Erika April 23, 2011 at 1:07 AM    

Never mind. Your info above helped a lot so thank you for the info here. Now I just have to figure out why I have my sister (Andrea) twice. Lol

Watch Thor Movie Online Free April 24, 2011 at 11:30 PM    

Thanks for sharing this one. It really help me for developing my new blog.

JobReign April 25, 2011 at 5:38 AM    

God blessed you more abundantly
It really work

Marelie April 25, 2011 at 11:47 PM    

Thank you very.Ive been trying to put this and I cant do it. you helped mo so much.

Bharath Ram May 19, 2011 at 12:47 AM    

Thanks man. The code was actually need to stop interfering with the Facebook connect button on Intensedebate. Now everything is working fine and a big thanks to you.

Anonymous,  May 22, 2011 at 6:11 PM    

thanks very much for the update it's help me to overcome the problem with faces.You are just a genius person

.... May 30, 2011 at 12:52 PM    

wow this is really useful stuff thanx nd yep i have shared in on ma Fb coz i believe Information is for Sharing thanz a Ton :)

Sound Wave June 1, 2011 at 12:52 AM    

HELP! ! I'm trying to get like box plugin but I get Offline on the URL bar!

my facebook URL http://www.facebook.com/soundwavejamaica

Why Isn't the code working!

Greenlava June 2, 2011 at 12:28 PM    

@Sound Wave
That's an invalid Facebook page URL.

German Mama June 3, 2011 at 6:29 AM    

Thank you so much for this site! I am such a dummy with computers. After trying the whole day, I finally found this post and it worked like a charm.

grooovygirl June 9, 2011 at 6:07 AM    

Bless you!! I've been working on this all day. Your post saved me. Thank you! Thank you!

Anonymous,  June 9, 2011 at 9:17 AM    

how do i add a facebook like box/button of my fan page to my regular profile?

Greenlava June 13, 2011 at 3:19 PM    

@Anonymous
You mean to Facebook profile? You can't.

Sagar June 15, 2011 at 5:10 PM    

Hey, the code works, but shows up in a weird manner. Can you please help me fix this ? I tried changing the height to a different value, but nothing seems to be working.
I've added the IFRAME code to my blog.
URL: http://www.technetsavvy.com

Vintage Rock June 15, 2011 at 5:39 PM    

Refer Query no. 48
Laura, December 29, 2010 10:27 AM
Same crap thing is happening with me.
Please help me.
My Blog's URL:
http://tabthief.blogspot.com
(It's not showing faces, though it's "show_faces=true" in coding)

Greenlava June 15, 2011 at 6:10 PM    

@Sagar
I can't even see the box. Where is it?

@Vintage Rock
You need to increase the heights. Try 620px.

Sagar June 15, 2011 at 6:57 PM    

@Greenlava :Just above Recommended. Can you see that widget there ?

Greenlava June 16, 2011 at 3:17 PM    

@Sagar
There are two height attributes in the code. You have to change both.

I'm Busy Procrastinating June 18, 2011 at 12:35 AM    

I cannot thank you enough. I have been searching online for the last hour or more for a "how-to" on this that works for me. Done and done! Muchas gracias.

Capt. Azrin July 5, 2011 at 4:35 PM    

tq at last i found it...

Dubslut124 July 10, 2011 at 7:50 AM    

when i go to Design>Page Elements>Add a gadget i then pnly have the option to Add your own gadget? then inside there my only option is to enter a URL ???? please help!

Greenlava July 12, 2011 at 6:39 PM    

@Dubslut124
HTML/Javascript gadget is the 9th gadget from top under Basics gadgets category.

Llelire July 13, 2011 at 4:54 AM    

Ohhhh I was so lost until I found you!!!!!!!!!!! God bless you hahahah... Thanks for the tips!

Anonymous,  July 16, 2011 at 11:54 PM    

thanks alot dude.... you saved a lot of work...cheerss!!!!

Andrei Sevastian July 18, 2011 at 2:31 AM    
This comment has been removed by the author.
Andrei Sevastian July 18, 2011 at 3:01 AM    

Thank you I've figured it out! Nice tutorial!

Bimal@Era Of Skills August 20, 2011 at 5:25 PM    

thanks for such a great article,,, i starts working for my site.
thanks alot.

Linda August 25, 2011 at 2:27 AM    

I've been trying to get my fan page connected to my blog for 2 days. I happened upon your article, and it works! Thank you for clear, easy to follow instructions. Exactly what I needed to know!

Rita August 25, 2011 at 3:55 PM    

Hi! Thanks for the tut, it works! Especially thanks for the height tip!

Jill August 29, 2011 at 12:00 AM    

I got the Like Box to work on my website, but whenever I "Use Facebook as a Page" rather than as my regular profile, the Like Box on my website defaults back to the rectangular blue Facebook Logo. How can I keep this from happening? my website: http://TheBloomChannel.com

Greenlava August 31, 2011 at 10:06 PM    

@Jill
Don't worry, it only appears that way to you. Your readers will see the proper Like box.

Thrifting Diva September 5, 2011 at 9:21 PM    

Thanks a lot! I have been trying to figure this out for a while but finally. Tutorials, ought to be this simple.

nideshmaskey September 28, 2011 at 1:27 PM    

Thank you for the tips

Jean L,  October 6, 2011 at 7:41 AM    

Thanks!!!

L'Acadienne Végétarienne October 7, 2011 at 2:36 AM    

thank you very much!

The Raven-Haired Girl October 13, 2011 at 5:04 AM    

Thank you! This sort of analytical thinking can really melt a creative person's brain! I couldn't have done it without your advise.

Really updated information. Thanks for sharing a great article with us.

Cristina McCarty photo October 27, 2011 at 11:36 AM    

this works great! thanks so much :)

CutestPrincess October 28, 2011 at 6:46 AM    

this is the most helpful than the other... thanks

Akif October 28, 2011 at 5:38 PM    

Thank you admin i am using my page on my website thanks man for this code

VCP-510 October 28, 2011 at 7:55 PM    

I tried as you mention above but it is not working. Sir tell me what to do next?

Anonymous,  October 29, 2011 at 10:19 PM    

Hug and kisses mine worked. thanks for the post

മുട്ടിക്കോല്‍ November 1, 2011 at 5:44 PM    

thankzzzzzzzz.........

click here to view my BLOG

Amanda November 2, 2011 at 2:59 AM    

Thank you, thank you! You made this very easy!

good acticle

Abdur Rakib November 19, 2011 at 4:24 AM    

thanks

GUNA November 30, 2011 at 2:45 PM    

Goood Green lava thanx for your reply

Miss Kimbers December 4, 2011 at 12:27 PM    

Just incase you can't find the HTML/Javascript item - It is under BASICS, and there in the list.

Took me ages to work this out:) Now works. Thanks very much:)

WonderSeak December 4, 2011 at 11:03 PM    

How Do i Place like Bottoms like Yours in Floating share button.

By Wonder Seak

I think this is amazing information and thank you admin i am using my page on my website thanks man for this code

Mashood Asif December 11, 2011 at 3:18 AM    

Thankssssss;)

Greenlava December 13, 2011 at 8:42 PM    

@WonderSeak
There's a tutorial for that:
Adding floating social media sharing buttons

Nirmal December 18, 2011 at 8:43 PM    

Greenlava, Is it possible to reduce the width of 292?

Greenlava December 20, 2011 at 2:26 PM    

@Nirmal
Yes it is possible. Read step 5 in II) Configure your Like box.

Li Qii December 23, 2011 at 8:45 PM    

Yesss!! I did it!! Thank you so much! YAY! http://liqiiwoo.blogspot.com/
LOOK mine! yuhoooo

Seta Tutundjian December 27, 2011 at 3:20 AM    

Seems i was working on Like bottom not box. I found the box, the oly thing I cannot understand is when you say copy the facebook code not the code in No. %? what is the FB code and how do I find it?

Greenlava December 27, 2011 at 12:45 PM    

@Seta Tutundjian
What I mean to say is get the code here:
http://developers.facebook.com/docs/reference/plugins/like-box/
instead of the one displayed in this tutorial.

Seta Tutundjian December 28, 2011 at 7:33 PM    

YEY!!!! It worked, cannot believe it:-D thank you sooo much. you can check it at www.dish-away.com
Now I have to figure out how to make the comment box for the comments more user friendly.

GeekyFreebies December 29, 2011 at 7:36 AM    

Hi Greenlava, I have the same problem just like Marty Tousley above. The code doesn't work with my page
https://www.facebook.com/pages/GeekyFreebiesblogspotcom/314610375224696
Please help. thanks

GeekyFreebies December 29, 2011 at 7:48 AM    

I have got it! Thanks anyway!

Blong People of Original Batavia December 30, 2011 at 5:03 PM    

thanks for the info ... information was very good and easy to understand

gk"Rose" January 2, 2012 at 3:58 AM    

Thank you dear. Finally I put my Like box with your precisely accurate instructions, after much searching around... Thank you.

אל"י מג"ל January 2, 2012 at 10:56 PM    

Hi.
What do I do if there isn't an option to add a Java-script/HTML gadget?

Heidi January 3, 2012 at 11:27 AM    

I also did a lot of searching around and after giving up a few times finally found your tute, it was fast and easy and I wish google had brought it up weeks ago!! Thank you SO much :)

artfactor January 4, 2012 at 7:18 AM    

gr8 :)) this is the best tutorial that I found :)) big thanks

Anonymous,  January 19, 2012 at 12:55 PM    

Excellent...!!!

RifkyMedia™ January 21, 2012 at 11:38 AM    

that's cool stuff..

Food & Food Only January 26, 2012 at 11:47 AM    

Thanks a lot ..:)

sunil January 26, 2012 at 5:15 PM    

Really admin i really thank full to you and your site for such a nice article.i want my facebook like box in my blog.I search realted article in many sites but your site gives me full satisfaction.thanx again

Gos (beautyfascination) February 7, 2012 at 7:44 AM    

This site is so useful! Thank you guys!

Anonymous,  February 7, 2012 at 8:41 PM    

Thank you. Worked a charm!

Matamu Comics February 16, 2012 at 2:38 PM    

Thank you! It's so helpful!

The Thrifty Picker - Rachael February 22, 2012 at 9:54 AM    

the other site i visited never said to only use the iframe. i pulled my hair out for hours! thank you for the clarification on this. my fb widget is up and running thanks to you!

Rukesh Reddy March 1, 2012 at 1:49 AM    

suoerb.............great

RagingRuff March 2, 2012 at 3:57 PM    

Thanks dude this took forever for me to find out lol

Jess March 3, 2012 at 8:10 AM    

You are AWESOME !! I was trying to figure out how to do this for the longest time. Thanks so much!

Catherine March 7, 2012 at 11:20 AM    

Thank you!

Miaou March 7, 2012 at 9:38 PM    

Brilliant tutorial ... however I have a problem which I don't see an answer to in your (very helpful) comments. I have a personal page and a business page linked to it - this is my business one: https://www.facebook.com/pages/Miaou/164888026889061 But when I try and add my facebook like button I just get a huge box which says at the top "switch back to (my name) to use this social plugin" - but I don't want it linked to my personal facebook page, only to my business one! Any suggestions? Thank you!

Miaou March 7, 2012 at 9:49 PM    

Oh I just worked it out! I clicked on the link it made where it said "use as (my name)" - I can't believe I didn't notice it was a link before! And it links to my business page - brilliant.

Miguel March 19, 2012 at 4:52 PM    

do you have the code for adding fb like which is the easiest way.. Other blogs and webs are not helpful.

Đào Quang Dương March 21, 2012 at 2:59 AM    

Thank You

OTandET May 10, 2012 at 6:47 AM    

So so so so so so so helpful! Thanks!

Moushumi - Rainbows and Cloudbursts May 10, 2012 at 8:45 PM    

Thank you! Thank you! Thank you!!! From my effusive thank yous I am sure you have guessed that I was successful in finally adding the FB button to my site. Given the tech Neanderthal that I am, I was just not able to figure out how to do it, till I came across your post! And this was the simplest and the most comprehensive set of instructions I have come across. Today idiot proof, brilliant for people like me!! Thanks again!

Sandra May 28, 2012 at 5:43 AM    

Thank you!

Seigo Maeda June 1, 2012 at 11:24 AM    

Thanks a lot! I could do it!

Hashir Ali June 2, 2012 at 7:11 AM    

thanks dude
it really helped me

Genius24 June 4, 2012 at 11:05 PM    

Thanks for sharing this great tutorial about facebook like box.

nonamegirl June 5, 2012 at 6:56 PM    

Thank you :)

Sie Cajilig June 5, 2012 at 10:22 PM    

THANK YOU!!!

The Red Apron June 6, 2012 at 4:40 AM    

Thanks!You're the best!!!
I tried different link tutorials and I spent hours figuring it out, and none of them helped me.
Until I got to your site, took me a minute.

Craziest Photo Collection June 21, 2012 at 10:32 AM    

It works...but i want it in center of the blog..as and when the page loads everytime

AnuppurDjClub June 27, 2012 at 10:13 PM    

thank xxxx bloggersentral for hlp.....???thank xxx a lot

Brittany Rae July 5, 2012 at 7:59 AM    

THANK YOU !!!!!!!!

AMINUL ISLAM July 8, 2012 at 2:09 AM    

This is nice tips for adding a FB button. Thanks for sharing this.

prateesh kiran July 8, 2012 at 5:59 AM    

thanks bro.it had worked.thank u so much.

asil jalal July 10, 2012 at 11:31 PM    

thank y bro!!!!

Pulkit Juneja July 11, 2012 at 1:37 AM    

Thanks for this, i have added my like box :)

world news July 24, 2012 at 12:09 PM    

thank you very much for posting about facebook like box.

dinesh johnson August 7, 2012 at 1:46 AM    

thank u...

Emma August 9, 2012 at 6:13 PM    

SUPPER HOT !!!
Very much thanks for this ! God bless !!!

Wendy Childress August 30, 2012 at 10:59 PM    

Thanks so much for this! Very easy to understand and worked like a charm

Wendy Childress August 30, 2012 at 11:00 PM    

Thanks for the info! So easy to understand and worked like a charm!

MOHAN MOHAMMAD SHAH ALI September 6, 2012 at 2:30 AM    

It help me for developing my new blog. Thanks

Chummy Neloh October 7, 2012 at 11:29 PM    

thank you guys,this site is awesome. have been of great help. simple and great tutorials. keep it up.

GeekDude October 10, 2012 at 2:11 AM    

Thanks for your Guidence. I tried this to add in my blog. Today i succeede. Thank you very much..

mulaniari October 31, 2012 at 5:26 PM    

thanks! I was looking for this

deasy natalia October 31, 2012 at 5:27 PM    

thanks, I just added it to my blog.

مدونة محمد November 1, 2012 at 10:18 AM    

thanks a Lot :)

Maura-Leigh November 10, 2012 at 10:16 AM    

So easy! Thank you!

infoloker-indo November 17, 2012 at 4:49 AM    

thanks infonya gan

Victor Noah November 18, 2012 at 4:39 AM    

This's what i was searching for. Thanks so much.

sheikh owais ahmed November 23, 2012 at 1:45 AM    

THank u sooooooooooooo much :)

hashmi December 3, 2012 at 1:30 AM    

Thanks a lot

«Oldest ‹Older 1 – 200 of 223 Newer› Newest»
Click to go to top Click to comment