web-dev-qa-db-ger.com

facebook Like-Box anpassen

Ich möchte das Design meiner Facebook-Like-Box anpassen. Ich suche bereits im Netz und befolge alle Anweisungen, hier ist der Link, den ich versucht habe, aber es scheint veraltet zu sein:

http://www.daddydesign.com/wordpress/how-to-customize-your-facebook-fan-box/

es gibt viele tutorials im web, aber die gleiche lösung.

seit fast 2 Stunden in diesem stecken. Kann jemand die Like-Box anpassen?

ihre Hilfe wird gerne in Anspruch genommen.

17
EVG
  1. Rufen Sie den XFBML-Code hier ab: http://developers.facebook.com/docs/reference/plugins/like-box/#
  2. Benennen Sie fb: Like-Box in fb: fan um
  3. Laden Sie Ihre CSS-Datei auf Ihre Website hoch
  4. Fügen Sie diese Parameter dem fb-Tag hinzu: profile_id = "ID Ihrer Seite" css = "http://example.com/css/your-cutom-style.css?1"

Genießen :)

22
Weltkind

Weltkind hat es richtig gemacht. Der Trick ist, wenn Sie <fb:like-box> in <fb:fan> ändern, müssen Sie auch das profile_id-Attribut angeben, oder es wird nichts angezeigt! Wenn Sie Ihre URL der Fanseite wie ich umbenannt haben, kann die ursprüngliche Nummer verwendet werden von der Insightseite übernommen werden. Ich würde Weltkind positiv bewerten, aber ich habe noch keinen guten Ruf. Doh. :)

5
mdpatrick

Facebook hat einen "Assistenten", der Ihnen alle Optionen und das gestalterische Design bietet.

http://developers.facebook.com/docs/reference/plugins/like

http://developers.facebook.com/docs/reference/plugins/like-box

2
Brent Baisley

Sie können die iframe-Methode nicht anpassen. Sie können die xfbml-Methode jedoch über Ihre eigene CSS anpassen. Siehe diese Seite: So passen Sie Ihre Facebook Fan Box an

1
Marc

was genau ist dein problem Die Anweisungen auf dem Link funktionieren gut. Stellen Sie sicher, dass Sie den Parameter "? 1" Ihrer CSS-Datei jedes Mal aktualisieren, wenn Sie Änderungen vornehmen und hochladen.

wenn Sie einen Link haben, könnte ich Ihnen noch weiterhelfen. 

1
tobiasmay

Sie können die Facebook-Box mit dem HTML-Code anpassen. Folgen Sie diesem Schritt auf einfachste Weise.

<div id="facebooklikebox-3" class="widget widget_FacebookLikeBox"><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="https://www.facebook.com/607728429342897" width="290" show_faces="true" border_color="AAAAAA" stream="false" header="true" class=" fb_iframe_widget" fb-xfbml-state="rendered" ><span style="vertical-align: bottom; width: 290px; height: 400px;"><iframe name="f25883e0a8" width="290px" height="1000px" frameborder="0" allowtransparency="true" allowfullscreen="true" scrolling="yes" title="fb:like_box Facebook Social Plugin" style="border: none; visibility: visible; height: 400px;" class=""></iframe></span></fb:like-box></div>

Geben Sie diesen Code in Ihren HTML-Code ein und ersetzen Sie die URL Ihrer Facebook-Seite durch die URL von iframe.

Sie können Referenz hier bekommen

0
Miral Viroja