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

Similar Messages

  • 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.

  • 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 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?

  • 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.

  • 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 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&amp;width=292&amp;colorscheme=light&amp;show_fa ces=false&amp;border_color&amp;stream=true&amp;header=false&amp;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&amp;border_color&amp;stream=true&amp;header=false&amp;height=395" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:395px;" allowTransparency="true"></iframe>

  • Hi, I have problems inserting the facebook like box,  anyone can help me?

    I tried to insert the HTML but nothing happens

    Thank you for posting.
    Please go to https://developers.facebook.com/docs/reference/plugins/like/, get the code from the page and insert it as HTML. I tested it and it worked fine.
    Please let me know if it helps.
    Regards,
    Aishvarya Raj Rastogi

  • Facebook like-button on folios?

    Would it be possible to have a "like this article"-button on dps-folios? With social sharing we should have the necessary content for implementing this Facebook-feature.

    The Facebook like button uses JS. You can implement this by using XFBML and Iframe. Try and experiment using web content overlay. 
    You can also use a facebook like box by using a URl such as:
    http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fplatform& width=292&height=590&colorscheme=light&show_faces=true&border_color&stream=true&header=tru e
    For more details visit: https://developers.facebook.com/docs/reference/plugins/like/

  • Pop up box for Facebook Like widget goes down - need it to go up

    Hi all
    I have put in the Facebook like button onto my website from the Muse Widgets library. My problem is that the widget is at the bottom of my website and when someone likes it the dialog box opens below the the end of the site - how can I make the dialog box open above the widget instead of below?
    Here is a link to the website - it is on the bottom right hand side in the footer - HomeMarcoPina Fragrances and Accessories

    Hi,
    Thank you for sharing the Page url,
    I am afraid, using Muse you cannot change it. But take a look to this link, they are discussing the same thing, using some CSS effect
    css - Facebook Like Widget on Fan page, Comment area out of visible area - Stack Overflow
    css - Move / Position Facebook Like Button Comment Popup - Stack Overflow
    Do let me know if you have any question.

  • IWeb doesn't offer widget for Facebook "Like" button?

    Is it true that iWeb doesn't offer a widget for adding a Facebook LIKE button? The code offered to copy by Facebook doesn't work when I paste it into a text box on my iWeb site.
    Thanks for any insights fellow users can offer. My free trial will be ending soon and I'd only sign up for the year if these issues can be resolved.

    That's because you don't paste html code into a text box. You need to copy and paste any kind of html code into an html snippet placed on your page where you want the code to appear. Copy and paste the code into the snippet and click on Apply and it should display.

  • Facebook "like" button on iWeb

    Can someone help me figure out how to use iWeb to put a Facebook "like" button on my homepage? I don't have the newest version of iWeb.

    Thanks.  I just did this and it is drastically changing the height of the box.  The size of the box is 300 px x 10035 px.  I would like to have it 300 px in width and between 75 and 100 px in height. 
    When I publish it , it moves the widgit to the opposite side of the page and only gives a portion of the bigger box. 
    I just removed it all together and re published it and it is still there.
    Here is my website so you can see what I'm talking about.
    www.uvwvt.com
    Thanks!

  • Developer-Online: New Tutorial Released! PHP jQuery Autosuggest Facebook like

    PHP jQuery Autosuggest Facebook like
    Building a database driven auto suggestion box with PHP/MySql and jQuery. We’re going to check what a user has typed in, check against what is in our database and where there is a match, pass the results back in a suggestion list, all via an AJAX call in jQuery.
    Tags: MySQL | php | forms | news | Ajax |
    Author: patrizio Quatrini
    Best Regards
    Waleed Barakat
    Developer-Online Creator and programmer
    www.developer-online.com

    Heya,
    When I first read your post I originally thought you were posting a tutorial about whether a chosen username has already been resigtered or not on the signup page like this tutorial:
    http://DwFAQ.info/signup_demo.php
    Spry Check Username Availability
    Date Created: Sunday, July 5, 2009 2:29 PM
    Then after looking at the page you've linked to and trying to understand the objective of the tutorial I've noticed that you are talking about something like this:
    http://DwFAQ.info/home.php?id=7
    Spry Search
    Date Created: Sunday, March 1, 2009 8:51 PM
    It's pretty simple to do with the link I've referenced. Simply create your database with populated tables, use the mentioned script to convert the database data into xml syntax, then enter your dynamic database script as the location of the xmlDataSet in the spry page linked.
    View source on this page which shows the non-destructive filter in action to see how it's done! You can also spice it up a little for products, etc. by using this method. The key is to create a dynamic xml syntax from your database and then use the dynamic xml script location as your xmlDataSet in the search page.
    I have an example of the auto suggest search on my homepage http://DwFAQ.info
    On the top-left side of the page click on the link that says Search Tutorials to reveal the search form. Then start typing characters into the search box to see the entries instantly filter according to the characters that are typed. You can also filter further by clicking on the category checkboxes to filter by keywords AND category.
    You can view the source code on my homepage to see the location of the dynamic xml syntax referenced as the xmlDataSet location and how it was implemented into the site.

  • How does Facebook like button work?

    Hi,
    I want my Facebook like button to "like" a page on Facebook, but when I enter a URL it doesn't work. Do I just go to the Facebook page I want to link to and copy what is in the browser dialog box there? Sometimes is has numbers in it. Do I need to be an administrator of the page to do this or something?
    My website is www.layeredstyle.com
    I want my Facebook like button to go to a facebook page called "Layered"
    I have tried entering www.facebook.com/layered
    Thank you

    Hi again,
    Sorry about this, but I'm not seeing how to make this work yet. My client
    says everything is on for all followers, and when I put in the URL I just
    get an error message when clicking on the button on the website.
    I also have problems with the widget jumping around on the page....it
    doesn't always stay where I put it unless there is nothing around it, like
    the box can't be touching anything else. Is that normal?
    The URL I'm putting into the Facebook widget is
    https://www.facebook.com/pages/Layered/555042077944967
    If I check the current page, the button "likes" the website page, not the
    Facebook page.
    Thanks

  • Fix Facebook like issue - comment window hides behind other objects

    On my site htt://cocos-locos.com is a Facebook like widget.  When a user clicks on the widget, the comment app hides behind a text box on the page.  I tried moving it and no matter where this happens, BUT ONLY ON MY IPAD MINI.  It opens in a pop-up window on the computer.  Any ideas on how to fix this?

    So, when a new file was analyzed and bpm with key values written into 'comment' field, Windows Explorer don't show it.
    That field is not a default column.  Do you have it checked in Details view?  Right-click a column header in Details view or use Alt-V A (apparently) to add columns.  Heh.  Then there is a different UI depending on how you opened that
    dialog.  More... for the right-click method  Choose columns... for the View, Add columns method.  YMMV.  Who knew?
    Robert Aldwinckle

Maybe you are looking for