blogspot Tricks - Facebook Seite direkt mit Blog verbinden - Fan werden (LIKE) direkt im Blog - Likebox

Wer für seinen blogger bzw. blogspot Blog eine eigene Facebookseite angelegt hat, der möchte natürlich auch, dass möglichst viele Leute dieser Seite folgen, oder wie es bis vor kurzem noch hieß, Fan der Seite werden.

Der Vorteil daran? Alles, was ihr auf der Facebookseite eures Blog veröffentlicht, landet automatisch auf den Startseiten all derer, die irgendwann einmal auf LIKE bzw. GEFÄLLT MIR geklickt haben, und damit Fan der Seite geworden sind. Der aufregende Blog nutzt das z.B. um alle neuen Artikel automatisch bei seinen "Fans" anzukündigen, diese können dann, wenn Interesse am Artikel besteht, direkt mit nur einem klick hier zum Blog gelangen.

Im Gegensatz zum GEFÄLLT MIR Button direkt unter jeden einzelnen Artikel (hier erklärt), welcher nur einen kleinen Hinweis auf den entsprechenden Bericht ins Facebookprofil postet, wird hiermit also eine feste und dauerhafte Verbindung zwischen dem Blog und den Facebooknutzern erstellt. Ihr selbst, als Betreiber, bestimmt dann, was zu den Fans an Informationen gelangt.

Um nicht darauf angewiesen zu sein, dass die User einen erst bei Facebook suchen müssen, kann man mit einem kleinen Gadget diese Funktion direkt in seinen blogspot-Blog einbauen. Bei uns seht ihr das Ergebnis rechts oben in der Sidebar. Dort wird angezeigt, wie viele User sich schon mit dem aufregenden Blog verbunden haben, und von denen, die dies in ihren Einstellungen zugelassen haben auch die Profilbilder. Außerdem gibt es dort einen Button GEFÄLLT MIR, mit dem sich jeder weitere (also auch Du), mit nur einem Mausklick direkt mit uns verbinden kann. Hat sich der User vorher bereits bei Facebook eingeloggt, dann muss er hierfür nicht einmal den Umweg über Facebook machen. Einmal geklickt, und sofort kommen alle News von uns automatisch auf seine Startseite.

Wie ihr das automatische Posten von euren Beiträgen auf eure Facebookseite einstellen könnt, haben wir euch hier erklärt, heute und hier geht es darum, das Gadget in die Sidebar eures blogger, bzw. blogspot Blogs zu bekommen. Voraussetzung dafür ist allerdings, dass ihr euch bei Facebook bereits eine Seite für euren Blog angelegt habt. Wenn ihr diese Seite besucht, seht ihr oben in der Adresszeile u.a. eine mehrstellige Zahlenfolge, die ID eurer Seite bei Facebook. Diese Zahlenkolonne (und nur die, der Rest interessiert nicht) merkt euch bitte, kopiert sie in die Zwischenablage oder schreibt sie euch irgendwo auf.

UPDATE: Es hat sich inzwischen einiges bei Facebook geändert, so wird die eben erwähnte Zahlenkolonne nur noch in einigen Links mit angezeigt, ansonsten durch Euren Seitennamen ersetzt. Wenn ihr allerdings diesen Link hier anklickt und EUERSEITENNAME gegen eben Euren Seitennamen austauscht, erhaltet ihr einige Infos zu Eurer Seite, u.a. die geforderte Zahlenreihe. Die steht dann hinter "id": (Vielen Dank für den Tipp an Ivana Gavranovic)

Um das Ganze nun in eure Sidebar zu bekommen, loggt euch in euer Dashboard bei blogspot ein und geht in den Bereich DESIGN. Dort klickt ihr in der Sidebar auf GADGET HINZUFÜGEN und wählt im aufpoppenden Fenster HTML/JavaScript als Form für das Gadget aus. Es öffnet sich dann ein kleiner Editor mit dem Titel HTML/JavaScript konfigurieren. In die obere Zeile könnt ihr einen Titel eingeben, dieser würde dann später als Überschrift über der kleinen Facebook Likebox stehen, falls euer Template das unterstützt. Ihr könnt das Feld aber auch getrost leer lassen.

In das große Eingabefeld CONTENT kopiert ihr folgenden Inhalt:

<center><br /><iframe src="http://www.facebook.com/plugins/likebox.php?id=EUREZAHLENKOLONNE&amp;width=350&amp;connections=10&amp;stream=false&amp;header=false&amp;height=280" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:350px; height:280px;" allowtransparency="true"></iframe></center>

Wobei ihr das Wort EUREZAHLENKOLONNE mit eurer gemerkten Zahlenkolonne ersetzt. Dann klickt ihr auf SPEICHERN und das war es auch schon. Die Likebox ist somit in eurem Blog, wir werden sie jetzt nur noch ein wenig aufhübschen, also eurem Design anpassen, dass sie da auch wirklich hineinpasst.

Dazu kümmern wir uns als erstes um die Breite der Box. Ihr habt dazu am besten 2 Tabs in eurem Browser offen. In einem seht ihr das, was wir die ganze Zeit schon sehen, in dem anderen lasst ihr euch euren Blog anzeigen. Dort werdet ihr jetzt entdecken, dass die Box entweder zu breit, oder zu schmal ist. Mit einem Klick auf BEARBEITEN des entsprechenden Gadgets (auf der Designseite des Dashboards) könnt ihr das Popup nun wieder öffnen und verändern. Für die Breite der Box spielt ein wenig mit den Werten für width herum, bis es von der Breite in euer Template passt. Verändert aber bitte nur die Zahl, kein = kein ; oder sonstwas. Und ändert immer beide Werte gleichermaßen, in unserem Beispiel die 350. Ändert ihr eine davon, dann ändert unbedingt auch die andere.

Als nächstes ist die Höhe der Box dran. Die verändert ihr mit den Werten für height (im Beispiel 280). Auch dieser Wert ist zweimal vorhanden, auch hier ändert bitte immer beide. Und nicht vergessen, jede Änderung abspeichern und im Blog schauen, was sich verändert hat. Bei der Höhe solltet ihr darauf achten, dass immer komplette Profilbilder angezeigt werden und diese nicht in der Hälfte abgeschnitten werden. Womit wir auch schon bei den Bildern wären. Wieviele davon in eurer Box angezeigt werden, stellt ihr mit dem Wert connections ein. Statt der angegebenen 10 könnt ihr dort auch alles andere angeben. Gibt es weniger "Fans", die das zulassen, dann bleiben die entsprechenden Bereiche leer, nach und nach werden die sich aber füllen, je mehr Leute sich mit euch verbinden. Welche (10) Bilder dort angezeigt werden, bestimmt der Zufall.

Das war es dann auch schon mit der Einrichtung. WO das Gadget in eurem Blog angezeigt wird, könnt ihr im Designbereich auch noch bestimmen. Das entsprechende Gadget einfach mit der Maus dorthin schieben, wo ihr es haben wollt, hinterher nur noch abspeichern.

Weitere Tipps und Tricks zu blogspot gibt es hier im aufregenden Blog oder bei Blogspot Tricks.