(Tutorial) GFC bei WordPress einbinden

Hallöchen, meine Lieben!

Heute geht es um ein Tool, welches für die meisten Blogger gänzlich unerlässlich ist, allerdings sehr viele davon abschreckt, zu WordPress zu wechseln. Nähmlich Google Friend Connect. Einst gab es ein WordPress-Plugin, mittlerweile allerdings nicht mehr. Jetzt muss sich der Blogger selber Gedanken machen, wie er das Ganze nun umsetzt, schließlich will man seine hart-erarbeiteten Follower auch irgendwo nicht verlieren, gell?

gfceinb

Natürlich benötigt ihr für das Tutorial einen Blog bei Blogger, wo ihr auch GFC nutzt, aber das habe ich jetzt mal als selbstverständlich gesehen (;
Solange ihr kein „Responsive Design“ habt, ist alles machbar, wieso das Ganze werdet ihr gleich sehen. Responsive bedeutet, dass sich der Blog, je nach Auflösung und Größe des Bildschirms „mitändert“, also die Größe, sowie Darstellung des Blogs sich verändert, je nachdem, ob ihr am PC, Tablet oder Handy schaut.

Also, nun geht ihr, wie gewohnt auf euren Blog und wählt die „Layout“-Option aus, bis euer Template bzw. Layout inklusive aller Widgets erscheint.

gfc01
Nun wählt ihr, wie hier angezeigt, „Gadget hinzufügen“ aus, um in das weitere Menü zu gelangen.

gfc02

Dort wählt ihr „Weitere Gadgets“ aus und fügt letztenendes die Follower hinzu (Falls ihr dies noch nicht getan habt :p, bei manchen Blogs wird die Followerzahl nämlich absichtlich nicht dargestellt.).
Hier könnt ihr ebenfalls die Farben des Gadgets, wenn nötig, ändern und auf euren neuen WordPress-Blog abstimmen.

gfc03

Nun geht es an’s programmieren, wählt dafür den Menüpunkt „Vorlage“ im linken Menü aus und dann „HTML bearbeiten“ unter eurer Blogvorlage.

gfc04

Jetzt wird eine kleine Suche ausgeführt: STRG+F drücken, um die Suchtleiste auszuführen und dort gebt ihr nun <b:skin> ein.
Neben dem gefundenem Punkt im Code steht nun ein kleiner Pfeil, den ihr bitte anklickt, um den restlichen dazugehörigen Code zu öffnen.
Nun gebt  ihr (Direkt hinter */ sonst funktioniert das Ganze nicht!) dort folgendes ein:

#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
scrolling: „no“;
}

#Followers1 {
position: fixed !important;
top: 0px !important;
left: 0px !important;
height: 360px !important;
width: 220px !important;
background: #ffffff;
}

#Followers1-wrapper {
position: absolute;
top: 0px;
left: 0px;
background: none repeat #ffffff;
}

und klickt oben auf „Vorlage speichern“.

Jetzt habt ihr das Gröbste geschafft, euer GFC Feed müsste nun bei euch links oben in der Ecke angezeigt werden – Sieht zwar doof aus, lässt sich aber leider nicht anders lösen – Aber schließlich haben wir bald einen neuen Blog, da wird das Ganze doch halb so schlimm sein, gell? Ein bisschen Schwund ist und bleibt immer.

So, kommen wir zum wichtigsten Teil, nämlich der Feed Umleitung. Wenn ihr die nicht macht, so können eure „Follower“ eure neuen Posts nämlich garnicht erst sehen – und das ist schließlich der Sinn hinter dem ganzen hier.

gfc05

Einfach unter „Einstellungen“ „Sonstiges“ auswählen und nun euren Feed eingeben.
Hierfür sucht ihr euch „Feed-Umleitungs URL veröffentlichen“ und gebt dort eure Feed Adresse an – Diese ist im Normalfall eure Blog-URL /Feed. In meinem Fall also „http://imaginary-lights.net/feed“.

Jetzt muss das GFC-Widget eigentlich nur noch in euren WordPress Blog eingefügt werden, damit ihr auch weiterhin (hoffentlich) treue, neue GFC-Follower empfangen könnt.
Hierfür müsst ihr selbstverständlich zu eurem WordPress Account wechseln.

gfc06

Einfach auf „Design“, dann auf „Widgets“ gehen und nun ein neues Text-Widget erstellen. Dort fügt ihr dann folgendes ein:

<iframe width=“185″ scrolling=“no“ height=“260″ auto=““ src=“EURE BLOGSPOT-URL„></iframe>

Speichern und fertig ist das Ganze! Schon könnt ihr beides nutzen, sowohl WordPress, als auch GFC :P Vorraussetzung ist natürlich, dass ihr euren GFC-Account nicht löscht, aber das würde ich euch sowieso an’s Herz legen (;

Liebe Grüße,

b8

26 Gedanken zu „(Tutorial) GFC bei WordPress einbinden

  1. Alexander Grüßung

    Ansich schöner Artikel, aber:
    – HTML heißt HyperText Markup Language -> zu deutsch Auszeichnungssprache und eben nicht Programmiersprache, also das bissel kopieren von HTML und CSS ist kein programmieren…
    Und als ausgebildeter Anwendungsentwickler muss ich das wissen ^^

    Antworten
  2. Frankie

    Ein sehr tolles Tutorial, damit hilfst du wahrscheinlich sehr vielen, die ihre GFC-Leser zurücklassen mussten. Ich habe nur glaube ich noch eine kleine Verständnisfrage… und zwar der letzte Punkt, wo man das iframe in WordPress einbindet, welche URL muss da jetzt rein? Die von Blogger? Irgendwie ist die Frage noch offen, und vllt fügst du das noch hinzu :)

    Liebe Grüße!

    Antworten
  3. Esra

    Wow, alter Schwede, Respekt, dass du dich so auskennst!!
    Allerdings mussich zugeben, ich habe jetzt nicht alles durchgelesen, aus dem einfachen Grund, weil ich ein responsive Design habe. Ich denke auch, responsive ist super wichtig, da die meisten Leute heutzutage sich die Blogs auf dem Handy ansehen (ich gehöre nicht dazu), und da sollte sich das Blogdesign in der Größe natürlich ans Handy-Display anpassen.
    lg
    Esra

    http://nachgesternistvormorgen.de/

    Antworten
  4. Caro

    Halloo,

    vielen Dank für deine Mühe. Bei mir hat es leider nicht funktioniert, weil bei mir immer der komplette Blog dann in dem kleinen Fester angezeigt wird und das will ich ja nicht.. Hab auch schon alle möglichen Designs probiert, da ändert sich nichts :( Sehr schade!!

    Liebe Grüße
    Caro
    http://www.lieblingslicht-blog.com

    Antworten
  5. Bonny

    Ich bin auch von Blogger zu WordPress umgezogen und hab nur den Feed umgeleitet (bisher (noch) ohne das GFC Widget einzubinden). Das hat bei den ersten zwei Beiträgen auch wunderbar geklappt. Nun seit ein paar Beiträgen erscheinen die leider nicht mehr im GFC-Feed. Hast du vielleicht eine Ahnung woran das liegen könnte? An der Feed-Adresse https://bonnyundkleid.com/feed/ hat sich ja eigentlich nix geändert. Bin mit meinem Latein am Ende /:

    Liebe Grüße
    Bonny

    Antworten
  6. Annika

    Ich habe es für meinen Blog auch probiert, jetzt kann ich ihn nicht mehr öffnen. Er lädt ewig, aber es passiert nichts und das auch noch, nachdem ich die Schritte wieder rückgängig gemacht habe……
    Ich hoffe ich finde schnell eine Lösung, denn wer geht schon auf einen Blog der nicht lädt :D

    Aber lieb, dass du ein versucht hast eine Lösung für das GFC Problem bei WordPress anzubieten. :)

    Liebe Grüße

    Annika

    Antworten
  7. Jülide

    Schade. Ich hatte so sehr gehofft, dass dieser Trick bei mir funktioniert, aber leider scheint das nicht der Fall zu sein.
    Ich leite alle Besucher meines alten Blogs automatisch an die neue URL auf WordPress und dadurch scheint dieser kleine Trick nicht zu funktionieren. :(

    Antworten
  8. friv games

    Thanks for sharing excellent informations. Your site is very cool. I’m impressed by the details that you’ve on this blog. It reveals how nicely you perceive this subject. Bookmarked this website page, will come back for more articles. You, my friend, ROCK! I found simply the information I already searched everywhere and simply could not come across. What a perfect web-site.

    Antworten
  9. Margrett Chong

    My brother recommended I might like this blog. He was entirely right. This post truly made my day. You can not imagine simply how much time I had spent for this information! Thanks!

    Antworten
  10. Mercedez Passmore

    This design is steller! You certainly know how to keep a reader entertained. Between your wit and your videos, I was almost moved to start my own blog (well, almost…HaHa!) Fantastic job. I really loved what you had to say, and more than that, how you presented it. Too cool!

    Antworten
  11. Jasmine Cluck

    Hi, i think that i saw you visited my weblog thus i came to “return the favor”.I am attempting to find things to enhance my website!I suppose its ok to use a few of your ideas!!

    Antworten
  12. ukshelving.co.uk

    Hi just wanted to give you a quick heads up and let you know a few of the pictures aren’t loading properly. I’m not sure why but I think its a linking issue. I’ve tried it in two different internet browsers and both show the same results.

    Antworten
  13. visit this blog

    Thank you for sharing superb informations. Your site is so cool. I am impressed by the details that you’ve on this site. It reveals how nicely you understand this subject. Bookmarked this website page, will come back for more articles. You, my pal, ROCK! I found just the information I already searched everywhere and just couldn’t come across. What an ideal site.

    Antworten

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.