Ik heb vlug eens gaan zien naar de code en het zal er vanaf hangen hoe je deze wil implementeren. Je kan dit volgens FB via 4 manieren doen.
IFRAME lijkt mij het makkelijkst vermits je daar maar een stuk code in je html moet plaatsen.
FB geeft u nochtans de volledige uitleg + hoe je het in je eigen code moet smijten: anyhow
ALS je HTML5 aan het gebruiken bent (LEES: IE 6 7 en 8 hebben redelijk veel problems met
HTML5 en zeker CSS3) dan doe je dit:
Net na je <body> tag copy je dit.
HTML:
<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/nl_NL/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
En dan zet je deze code waar je wil dat je knop terecht komt.
HTML:
<div class="fb-like" data-href="http://www.test.com" data-send="false" data-width="450" data-show-faces="true"></div>
========================
Als ge gewoon een IFRAME wil gebruiken (LEES: ge plaats dit gewoon waar je wil dat je knop komt. Eigenlijk is een iframe een venster van een andere site dat je gewoon op je eigen website plaatst.)
plaats dan deze code:
HTML:
<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.test.com&send=false&layout=standard&width=450&show_faces=true&action=like&colorscheme=light&font&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>
In beide gevallen moet je gewoon de HREF= aanpassen naar uw website.