facebook like

Facebook – Synes godt om-knap på WordPress blogs

23/5-2011 | WordPress | 2 kommentarer

Der skal såmænd bare en stump kode til, i en iframe:

<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?> &layout=standard&locale=da_DK&show_faces=false&width=450&action=like&colorscheme=light&height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:35px;" allowTransparency="false"></iframe>

OBS – husk at fjerne evt. linjeskift, hvis du kopierer koden ind i dit eget template!

Et par ændringer i forhold til den kodestump Facebook leverer:

  • locale=da_DK sørger for den danske oversættelse
  • href=< ?php echo urlencode(get_permalink($post->ID)); ?> sørger for at knappen bliver dynamisk; d.v.s. at man kan fortælle sine facebook-venner at man synes om et enkelt blogindlæg, ikke hele bloggen.

OPDATERING: Og her er så html5 udgaven:

<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/da_DK/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like" data-href="<?php echo urlencode(get_permalink($post->ID)); ?>" data-send="false" data-width="530" data-show-faces="false" data-font="trebuchet ms" ></div>

...