Facebook like BOX html snippet not working

Hi All,
Somehting is driving me crazy - I can't seem to add a like BOX to my Iweb page - no problem with the like button, bu I want to use the box because it shows my stream. Facebook generates three codes HTML5, XFBML and Iframe and none of them work... the snippet stays empty and blank.....
This is the code that is generated by facebook:
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com% 2Fpages%2Fstarfish%2F88301317903&width=292&colorscheme=light&show_fa ces=false&border_color&stream=true&header=false&height=395" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:395px;" allowTransparency="true"></iframe>
converting my URL to the following code (as I have seen elsewhere in the forum) is not working... like this:
<iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/starfish/88301317903&width=292&colorscheme=light&s how_faces=false&border_color&stream=true&header=false&height=395" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:395px;" allowTransparency="true"></iframe>
All help is much appreciated!

There are errors in both your original facebook code and the new version you created. Try this...
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/pages/s tarfish/88301317903&width=292&colorscheme=light&show_fa ces=false&border_color&stream=true&header=false&height=395" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:395px;" allowTransparency="true"></iframe>

Similar Messages

IWeb HTML Snippet NOT WORKING.

Hello!
Whenever I open iWeb and try to insert HTML Snippet, the proper HTML rectangle that has < H T M L > and a map of the world in the background appears, just like that. No edit box has appeared. When I double click it, a blue outline appears, but still no edit box to insert the HTML code into.
I've tried removing com.apple.iWeb.plist and also com.apple.iapp.plist or something along those lines, and also removing the iWeb folder from Caches, and nothing has worked.
I'm using iWeb 2.0.4, obviously.

Did you purchase iLife 09 in your attempt to upgrade to iWeb 3? If not that's why you couldn't run any of the iWeb 3 updaters. You have to have iWeb 3.0 installed from the iLife disk installed.
What was unsuccessful about trying to reinstall iWeb 2? Did you delete all receipts with iWeb in the file name located in the HD/Library/Receipts folder before reinstalling iWeb? If no, delete them and the application and reinstall.
OT

HTML snippet not working

I have multiple sites that I've created with iWeb and have used the program for years. However, in an attempt to update one of my sites I encountered a road block. I was trying to embed html from my Vimeo site using the html snippet function but the regular html snippet window was not present, (i.e. no gray window to place code, no apply button. Just a blank white box). When I do copy the code it just sits on the page like text.
I've re-installed iWeb but the same scenario is occurring.
Thank you,
C

Welcome to the Apple Discussions. Try the following:
1 - close iWeb.
2 - delete the iWeb preference file, com.apple.iWeb.plist, that resides in your Home/Library/Preferences folder.
3 - go to your Home/Library/Caches/com.apple.iWeb folder and delete the contents.
4 - reboot.
5 - launch iWeb and try again.
OT

HTML Snippets not working for most browsers

I have a page with a flash movie in the background, which uses the following code in an HTML snippet:
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#v ersion=6,0,40,0"
WIDTH="602" HEIGHT="420" id="BGAnimation">
<PARAM NAME=movie VALUE="BGAnimation">
<PARAM NAME=quality VALUE=high>
<PARAM NAME=base VALUE=".">
<EMBED src="http://www.site.com/somefile" quality=high WIDTH="600" HEIGHT="420"
NAME="BG Animation" ALIGN="" TYPE="application/x-shockwave-flash"
PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer" base=".">
</EMBED>
</OBJECT>
On top of that, I have 3 other snippets, which are buttons, and are coded as follows:
<script type="text/javascript">
function mouseOver()
{document.rolloverone.src="rolloverpicture.png"}
function mouseOut(){
document.rolloverone.src="offpicture.png"}
</">
Of course the locations and file names have been changed, because I can't actually show people the site yet. Anyhow, it all works fine on my computer, in both Safari and Firefox, but tests on Windows computers and older macs have not been successful. The buttons are behind the flash movie (therefore invisible), or they block out part of the Flash movie, depending on which browser is used.
I should mention two more things: I have done tests where the buttons were placed off to the side of the flash movie, rather than on top of it, and the buttons looked and worked fine in all browsers.
Also, the PNG files used for the buttons are partly transparent, so you should be able to see the Flash movie below them, even the part of it that falls inside the boundaries of the button.
I have a feeling the whole "HTML Snippet" thing is not fully compatible, or they just don't like to be stacked on top of each other or something. Does anyone know how to fix this?
Any help is greatly appreciated. My last million questions have all received helpful answers here. This is a great forum!
Message was edited by: hum_bucker
Message was edited by: hum_bucker
Message was edited by: hum_bucker

The following codes for mouse rollover effect that I use in this demo page, Mouse Rollover & Animated Gifs, work with Firefox 3.5, Opera and OmniWeb.
<xmp>
<blockquote style="padding-left: 50px;"><A HREF="URL to this page"
onmouseover="document.sub_but.src='URL to rollover image"
onmouseout="document.sub_but.src='URL to original image" >
< IMG SRC="URL to original image" WIDTH="100" BORDER="0" ALT="Move your mouse over me" NAME="sub_but">
< /A></blockquote>
<blockquote style="padding-left: 50px;"><script type="text/javascript">
function mouseOver()
{document.rollover_one.src="URL to rollover image"}
function mouseOut(){
document.rollover_one.src="URL to original image"}
</script>
<a href="http://link.com">
<img alt="Link Title" src="URL to original image"} name="rollover_one" width="100" height="" onmouseover="mouseOver()" onmouseout="mouseOut()" style="border: none;"/></a></blockquote>
</xmp> *(Ignore the <xmp></xmp> tags when copying)*
Can't help you with the flash movie.
OT

IWeb HTML Snippet not working!Help!

I am new to building a website but understand where to copy and paste the HTML code to and from. However, everything I have tried will not work in the HTML Snippet. I have spent 6 hours trying to find a way to get it to work. Suggestions???

Anything from Youtube, Vimeo and other sites. Below is one of the Youtube embedded codes.
<iframe width="420" height="315" src="//www.youtube.com/embed/kCZqyWw2--M?rel=0" frameborder="0" allowfullscreen></iframe>
This is the "old" code for the below video.
<object width="420" height="315"><param name="movie" value="//www.youtube.com/v/kCZqyWw2--M?version=3&hl=en_US&rel=0"></para m><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="//www.youtube.com/v/kCZqyWw2--M?version=3&hl=en_US&rel=0" type="application/x-shockwave-flash" width="420" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>
Neither of these will work. The "old" code will make my html box turn white but nothing else happens.
Any suggestions?

Html snippet not working; created from Taco html edit Component Library

Ok, I've searched for days on the discussion board for the answer to this one..... hopefully someone can give me a couple of pointers....
I have a component created from Taco html edit Component Library that I cannot get to work as an inserted snippet into iWeb 3.0.2.
Why can't I get this to work? I've seen first hand that they work on someone else's website that she constructs in html directly, not using iWeb. Any help greatly appreciated.
Taco created three files. They are:
TSWAccordion.css
TSWDomUtils.js
TSWAccordion.js
Here is the code:
<html>
<head>
<title></title>
<script type="text/javascript" src="Scripts/TSWAccordion.js"></script>
<script type="text/javascript" src="Scripts/TSWDomUtils.js"></script>
<link rel="stylesheet" type="text/css" href="Scripts/TSWAccordion.css" />

<style type="text/css">
#myAccordion.tswAccordion
width: 200px;
height: 400px;
background-color: #f0f0f0;
#myAccordion .tswAccordionActiveSection, #myAccordion .tswAccordionInactiveSection
background-color: #f0f0f0;
width: 100%;
height: 400px;
#myAccordion .tswAccordionHeader
text-align: center;
padding: 2px;
font-family: Verdana;
font-size: 16.0px;
#myAccordion .tswAccordionActiveSection .tswAccordionHeader
background-color: #7086aa;
color: #ffffff;
border: 1px solid #cccccc;
#myAccordion .tswAccordionInactiveSection .tswAccordionHeader
background-color: #f0f0f0;
color: #000000;
border: 1px solid #cccccc;
#myAccordion .tswAccordionHeader
#myAccordion .tswAccordionBody
padding: 5px;
</style>

</head>
<body>

Title 1

Title 2

Title 3

<script type="text/javascript">
var accordion = tswAccordionGetForId('myAccordion');
</script>

</body>
</html>

You need to upload these three files in a folder to the root folder on your server:
TSWAccordion.css
TSWDomUtils.js
TSWAccordion.js
The folder cannot be named "Scripts" as shown in your code as you already have one of that name.
Say it is named "Accordion". You then need to give the absolute URL to these files rather than the relative one shown in the code....
http://www.yourdomainname.com/Accordion/TSWAccordion.css
http://www.yourdomainname.com/Accordion/TSWDomUtils.js
http://www.yourdomainname.com/Accordion/TSWAccordion.js

Adding my google map via HTML snippet not working

I have made my own site where I added a google map. It has worked for some time (oddly enough only for people who use browsers other than explorer), but recently is not functioning right.
I can embed my google map using the HTML snippet function and it seems to work fine. But when I go to the site I see a picture of the google map, but it is not interective and all the info I have added is not there.
I have to say that iweb is really querkey. I had to tell it at least 7 times to connect to a different file and each time it connects to an old file. in the end the entire page had to be rebilt before it understood what I was asking it to do.
It would be nice if it just worked the way it is advertised to work.

IT seems to work now. I just had to let it think for half a day.
Thanks anyway.

IWeb HTML Snippets not working in Explorer

I made some HTML snippets to show a web page inside my own similar the way frames, which works great. But they don't work when brought up in Internet Explorer on a PC. Anyone know what the problem might be.

Same problem. They work fine with Safari and Firefox.
I am still trying to solve it.

Facebook Like Box does not show in Safari or IE.

I am trying to add a feed from my client's Facebook page. It works perfectly in Firefox and Chrome, but not Safari or Internet Explorer.
The site is posted at:
http://pcbasics.businesscatalyst.com/index.html
I wish you guys could create an easy, RELIABLE way to add Facebook feeds.
Any help would be greatly appreciated.

I HAVE FOUND A PARTIAL SOLUTION!!
I also administer the Facebook page for PCBasics. When I copied the address from Firefox (my default browser) the address is "https:" but when I look up the address on FB with a different browser, it gives me "http:"
Just removing the S in the address in the HTML for the facebook like box has partially fixed the problem. Now it appears correctly in Safari. But I just installed Chrome on my Mac to test it, and the like box still will not appear. (And yes I cleared the cache.)
One other point... I am using Chrome to view the Facebook Developer page to get the code (https://developers.facebook.com/docs/reference/plugins/like-box/) and the like box does not appear when I enter the address http://www.facebook.com/pcbasicsllc OR https://www.facebook.com/pcbasicsllc. Anyone know why that would be?

Why does 'Facebook Like Box' not show up in Safari (while it does on Chrome, IE, Firefox and Opera).

I put a 'Facebook Like Box' on my homepage (social plugin implemented as iFrame). It is supposed to stream the events on my facebook page to my homepage. There is no problem visualizing it on other browsers (InternetExplorer, Firefox, Chrome and Opera) but Safari shows the page without any trace of the fb like box. I run Safari 6.0.2 and have the latest Java updates installed.
Can anybody help me out with some explanation what and why this is happening and how I might correct this behavior??

I had the same problem on my Iphone 5. It drove me crazy. I tried reinstalling ITunes and my apple mobile device driver, but nothing solved the problem. I was able to detect my iphone in windows if I went to control panel, then programs and features, found apple mobile device, right click, then click repair. This would allow windows explorer to detect my iphone, but I had to do this every time and it also drove me crazy, After trying everything I could think of, I decided to try and uninstall a program called expresso media. I am not sure where it even came from, but walla, once I uninstalled it my iphone shows up in explorer and iTunes just like it should. Simple but frustrating. Good luck,
johnnyb

Facebook Like Box

Can anyone offer any help on inserting a Facebook Like box into my iWeb website?
http://developers.facebook.com/docs/reference/plugins/like-box/
I have three options, HTML5 (requires javascript which I understand cant be incorporated using iWeb) XFBML (same scenario) and iFrame which appears blank whenever I hit apply on the html widget.
I've been at this all day and can't find a way to get it to work so any help would be greatly appreciated!!!
Many Thanks,
Dave

I tried the code from the page you linked to and got a blank widget. However, the Activity window (Command+Option+A) for that page gave me this error:
which tells me the URL in this window
is a default URL and needs to be replaced by the URL of the page you want to link to. What URL should I try in my test for you?
OT

Using facebook like box, blank screen on login

hi,
i have setup a FB like box as per Facebook Like Box
it is embedded into a webpage.
i then have linked to this webpage from a WEB CONTENT box in indesign.
The page works fine in html and in the app, it shows the like box, activity feed, everything.
The issue is when people in the DPS app try to LOGIN to the FB Like Box, it takes their credentials and then shows a white screen.
It is only when the user 'swipes' across to the next article and then 'swipes' back that the box will show they are now logged in.
How can i fix this? what can i add to the html page?

I tried the code from the page you linked to and got a blank widget. However, the Activity window (Command+Option+A) for that page gave me this error:
which tells me the URL in this window
is a default URL and needs to be replaced by the URL of the page you want to link to. What URL should I try in my test for you?
OT

Facebook Like box code for Muse

I need to know how to add a Facebook Like box to my Muse home page. When obtaining this code, there are two items of code to paste:
1. Include the JavaScript SDK on your page once, ideally right after the opening <body> tag.
<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 = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
2. Place the code for your plugin wherever you want the plugin to appear on your page.
<div class="fb-like" data-href="http://www.facebook.com/pages/(your_page_url)" data-send="true" data-width="450" data-show-faces="false"></div>
Where do each of these items go?
Thanks!

Thanks for the response. I inserted the #2 code - with my Facebook page actual web URL rather than "(your_page_url)" - in the Edit HTML box as you suggested. A small grayish HTML box appeared on the page in Design view.
In Preview, however, there is no visible indication of a Facebook Like button.

Facebook(wall post) location button not working in mountain lion macbook pro 13inch in upper right button

facebook(wall post) location button not working in mountain lion macbook pro 13inch in upper right button

No third party applications installed; no gestures changed. It just starts acting up like I described a few times a day. I'll be browsing the internet and go to switch desktops and it suddenly doesn't work.

Iframe facebook like box

Can anyone send me the code iframe facebook like box ? the current web developer facebook , do not give . Thank You.

Hi
Did you try to generate code using FB developer,
Like Button for Web
See if that helps. Do let me know if you have any question.

Facebook like BOX html snippet not working

Similar Messages

Maybe you are looking for