Web- und Software Development

Facebook Like Button im Blog einbinden

Written By: Mario Priebe - Apr• 23•10

Ein “Ich mag das” –  Button im Blog kann man mit folgenden IFrame im Blog einbinden:

1
<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&amp;layout=standard&amp;show-faces=true&amp;width=500&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:400px; height:60px"></iframe>

Für das “layout” Property kann man “standard“, oder “button_count” wählen und um die UserPics ein- und auszublenden definiert man das Property “show-faces” mit “true” oder “false“. Bei den  ColorSchemas (“colorscheme“) kann man zwischen “light“, “dark” und “evil” wählen.

Also, gleich ausprobieren : )

[via]


Ähnliche Beiträge

You can follow any responses to this entry through the RSS 2.0 feed. Both comments and pings are currently closed.

5 Comments

  1. klaus_b sagt:

    Die Idee finde ich gut, aber die Verwendung in einem iFrame?!?
    Vielleicht kann man da ja ein Control daraus bauen; zumindest für ASP.NET Seiten.

    Servus,
    Klaus

  2. Mario Priebe sagt:

    Ja, das stört mich auch ein wenig. Aber solange das W3C Konform ist, ist das für mich okay. Lagt es jedoch einmal, dann schmeiß ich es wieder raus : )

    Ich hab mir die API von Facebook noch nicht angeschaut, vielleicht geht das auch etwas “professioneller”.

  3. Banana sagt:

    Ich habe das mit der Hilfe eines Plugins installiert, aber wenn der Code nicht nur für WordPress gültig ist, kann ich damit den Button auch noch auf einer anderen Seite einbauen, was nicht schlecht wäre.

    Lieben Gruß

  4. Stefan Aebi sagt:

    Wenn ich den Button einbinde ist die betroffene Seite nicht mehr W3C konform, wegen dem Attribut allowtransparency=”true”. Wenn ich das Attribut weglasse, ist der iFrame im IE nicht mehr transparent. Gibt es eine Möglichkeit dieses Problem zu umgehen?

    Vielen Dank

  5. Mario Priebe sagt:

    Hallo,

    hmm, ich hatte das Attribut auch heraus genommen und leider vergessen das in weiteren Browsern zu testen.

    Ich hab grad mal etwas gegooglet und gelesen, dass man dem IFrame die CSS Eigenschaft background-color:transparent zuweisen kann. Damit soll es dann auch in anderen Browsern transparent sein.