Wie kann ich die Facebook-Schaltfläche "Gefällt mir" einem Blogger-Blog hinzufügen?

Question

Ich möchte the new facebook "like" button meiner Blogger-Website hinzufügen.

Ich muss die URL zu den Blog-Posts in der iframe src übergeben.

Ich kann die URL der Blogger-Posts von <data:post.url/> bekommen, aber ich kann das nicht in eine src-Zeichenfolge einfügen, weil Bloggers Template-System seltsam ist.

Ich möchte, dies zu tun:

<iframe allowTransparency='true' frameborder='0' scrolling='no' 
src='http://www.facebook.com/plugins/like.php?href=<data:post.url/>&amp;layout=standard&amp;show-faces=true&amp;width=450&amp;action=like&amp;colorscheme=light' 
style='border:none; overflow:hidden; width:450px; height:px'/> 

aber Blogger klagt:

Ihre Vorlage konnte nicht analysiert werden, da es nicht wohlgeformt ist. Stellen Sie sicher, dass alle XML-Elemente ordnungsgemäß geschlossen sind.
XML Fehlermeldung: Der Wert des Attributs „src“ mit einem Elementtyp „Null“ zugeordnet darf nicht enthalten ‚<‘ Charakter „

Enthält diese funktioniert noch jemand hat

Answer 1

SCHRITT 1.? : kindly JavaScript SDK zu Ihrer Vorlage anwenden

SCHRITT 2:. diese Linie finden <b:includable id='post' var='post'>

Schritt 3: setzen sie diese, nachdem sie

<b:if cond='data:post.url'> 
    <fb:like action='like' colorscheme='light' expr:href='data:post.url' layout='standard' show_faces='false' width='450'/> 
</b:if> 

speichert es und fertig;)

Answer 2

Ich habe auch den gleichen Fehler, wenn die Vorlage zu ändern. So fand ich eine Lösung, die durch die document.write JavaScript-Funktion:

<script> 
    document.write('&lt;iframe src=&quot;http://www.facebook.com/plugins/like.php?href=<data:post.url/>&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;font=verdana&amp;colorscheme=light&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot; allowTransparency=&quot;true&quot; style=&quot;border:none; overflow:hidden; width:450px; height:80px&quot;&gt;&lt;/iframe&gt;'); 
</script> 

einfach den obigen Code am Ende Ihrer Blog-Post-Seite.

Zwei Anmerkungen:

• Irwan Lösung sollte funktionieren (ich habe es nicht versuchen), aber es bedeutet, dass die FB SDK geladen werden müssen. Das könnte ein Problem für diejenigen sein, die sich mit der Blog-Leistung befassen.

• Maggies Lösung funktioniert gut, aber es erlaubt nicht, die Beiträge unabhängig zu mögen.

Man kann es sehen, hier zu arbeiten: http://fliscorno.blogspot.com/

Answer 3

Ich schrieb einen Schritt-für-Schritt-Anleitung, die iframe-Methode auf WikiHow für die Anwendung: http://www.wikihow.com/Add-Facebook-Like-to-Blogger

Lassen Sie mich wissen, wenn es nicht der Fall ist Arbeite für dich. Im Wesentlichen muss Ihr src die Syntax expr: src mit String/Datenverkettung verwenden.

Die JavaScript-Version soll flexibler sein, aber es gibt immer noch viele Leute, die JavaScript in ihren Browsern deaktivieren oder ein NoScript-Add-on verwenden.

Answer 4

dies versuchen,

<iframe allowTransparency='true' 
     expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&amp;layout=button_count&amp;show_faces=false&amp;width=75&amp;action=like&amp;font=trebuchet+ms&amp;colorscheme=light"' 
     frameborder='0' scrolling='no' 
     style='border:none; overflow:hidden; height: 20px'/> 

Answer 5

Verwenden Sie dieses Tutorial auf die Schaltfläche hinzufügen - FB hat ein neues Design für die Schaltfläche ausgerollt - http://www.bloggerplugins.org/2010/04/facebook-like-button-for-blogger.html

Answer 6

Juan Jorge Lösung funktionieren sollte.

IMHO mit dem Javascript SDK auf Blogger ist viel eleganter als mit dem iframe-Ansatz (ich versuchte beide auf meinem Blog). Hier

ist ein Link auf mehrere Beiträge Ich habe zu diesem Thema gemacht (einschließlich der Verwendung von Blogger Ausdrücke innerhalb Attribute und so und wie eine Schaltfläche mit JavaScript sdk in Ihre Blog-Vorlage zu übernehmen):

http://blog.yanivkessler.com/search/label/blogger

Hoffe, das hilft ...

Answer 7

Gehen Sie zu diesem page und von dort können Sie Ihre eigenen wie Knopf leicht erstellen.