I just got the like botton code from facebook developer, but don't know where to drop it in iWeb. I would like the like button to appear in the contact page of my website: gingerbirdstore.com
Please help to get this working.
Thank you
iMac5,1, Mac OS X (10.5.8)
Insert the code in an HTML snippet
and place the snippet where you want the button it appear.
Happy Holidays
you add the code in a html snippet widget, but you need to alter their html5 code to get it to work in iweb.
see my post in this thread:
https://discussions.apple.com/thread/3436755?answerId=16875820022#16875820022
Thank you Old Toad! But unfortunately it did not work!
I copied and pasted the HTML code from the FB developers, into the HTML snippet of iWeb as per your instructions but it does not applied the code to any of my pages on iWeb.
This is the first of 2 codes FB gives to be applied after the opening <dody> tag
Do you know where is the <body> tag on iWeb? https://developers.facebook.com/docs/reference/plugins/like/
<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>
This is the second code to be applied whenever you want the plugin to appear on the iWeb page.
<div class="fb-like" data-href="https://www.facebook.com/gingerbirstore" data-send="true" data-width="450" data-show-faces="true"></div>
Do you know any other method to get a like button to work on iWeb?
The method you discribe worked for tweeter and other buttons but not for FB.
Thanks,
add the following into html snippet and click apply button:
<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 = "http://connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="https://www.facebook.com/gingerbirstore" data-send="true" data-width="450" data-show-faces="true"></div>
Both parts of the code are entered into the same HTML Snippet. Instructions here...
http://www.iwebformusicians.com/Search-Engine-Optimization/Facebook-Button.html
Cyclosaurus, Thank you so much! I would'n be able to figure out that the code needed to be altered in order to work!
Thank again and happy holidays!
you are not alone, cuz even the experts in this forum couldn't figure out either.
Thank you Cyclosaurus, this has been driving me crazy until I found this post. You are a true hero!!
this is the original html snippet from facebook that gets the job done...
<html>
<head>
<title>My Great Web page</title>
</head>
<body>
<iframe src="https://www.facebook.com/plugins/like.php?href=YOUR_URL"
scrolling="no" frameborder="0"
style="border:none; width:450px; height:80px"></iframe>
</body>
</html>How can I add a facebook "like" button to my website?