Facebook Like Box - Page 1

User 2274125 Photo


Registered User
11 posts

http://developers.facebook.com/docs/reference/plugins/like-box/

I am having trouble understanding how to place a plugin code for a Facebook Like Box on my site using VSD from the link above. It gives me three options to plugin the code after I have custom created the attributes. Which one is the most effective for VSD and how can I plug it in? Please help, I am remedial when it comes to code.:P

http://7t8design.com/html
eBoogie
7T8Design.com
[Creative Soul Unfolding]
User 2274125 Photo


Registered User
11 posts

:DI use Safari and Chrome:D
http://7t8design.com/index
eBoogie
7T8Design.com
[Creative Soul Unfolding]
User 187934 Photo


Senior Advisor
20,271 posts

What ever one works should be fine.:) I've used the HTML5 option 2.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 95484 Photo


Registered User
2 posts

http://developers.facebook.com/docs/ref … /like-box/

Work's fine. I found it's better to terminate The page HTML, upload to server and only after you edit the page with traditional Html or text editor.

Regards.
User 2298109 Photo


Registered User
2 posts

Hello Jean and Eric
I've tried to place the HTML5 code and the Iframe code
I'm not having any luck.
I assume it's as easy as coping the code from FB and placing it into the Html box in VSD. At least that is what I'm trying. I used the body option in the html box.
When I use the HTML5 option I get nothing on preview. When I use the Iframe, I get a wrong location warning and the box doesn't link to anything. CDbaby Iframes are working fine, in the project
Please Advice
User 187934 Photo


Senior Advisor
20,271 posts

Give this a try. Adjust the http://mysite.com/ to your needs.:)

<iframe src="http://www.facebook.com/plugins/like.php?href=http://mysite.com/"
scrolling="no" frameborder="0"
style="border:none; width:450px; height:80px"><iframe>


Or if you want a facebox try this. Adjust the my-page/12345678910 to your facebook page url.
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="http://www.facebook.com/pages/my-page/12345678910" width="240" colorscheme="dark" show_faces="true" stream="false" header="true"></fb:like-box>

I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2298109 Photo


Registered User
2 posts

Well I figured out what Jean was talking about earlier. the FB iframe didn't work for me in preview, but worked when I uploaded to my server
Cheers
User 598032 Photo


Registered User
12 posts

Hate to beat this to death BUT I cannot get either a button or box to work! I prefer to use both since a Box is far more useful than a button. I plan to put a Box at the top of each page and buttons by images and certain paragraphs of text throughout places on pages as well.

Using VSD I placed the code via the Add HTML box and then on my page. The greyed out frame appears on the page as it should. Then save the site and upload it to server and the rest of the site looks fine. The test page field is blank. I have viewed the test page in IE8 as well as my preferred FF 20.0.1 (the latest version). After publishing, when viewing the code for the page I cannot find Facebook stuff anywhere!

Here's the details.

Built a special web page for my site to test with at: http://www.beaconinspectionservices.com … xTest.html The field is blank so there should be nothing to interfere with the LIKE codes or images:

From the Facebook Developers site, the ifame code for a LIKE Button for me is: <iframe src="http://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FBeacon-Inspection-Services-LLC%2F193259896516&amp;send=false&amp;layout=standard&amp;width=450&amp;show_faces=true&amp;font&amp;colorscheme=light&amp;action=like&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>

The iFrame code for a LIKE Box is: <iframe src="http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FBeacon-Inspection-Services-LLC%2F193259896516&amp;width=292&amp;height=590&amp;show_faces=true&amp;colorscheme=light&amp;stream=true&amp;border_color&amp;header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:590px;" allowTransparency="true"></iframe>

Whad'ya think?
User 187934 Photo


Senior Advisor
20,271 posts

Try this
http://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FBeacon-Inspection-Services-LLC
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 598032 Photo


Registered User
12 posts

Thanks Eric, I'll give that a run very soon and let you know how it went.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.