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?
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.
Nun wählt ihr, wie hier angezeigt, „Gadget hinzufügen“ aus, um in das weitere Menü zu gelangen.
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.
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.
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.
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 „https://www.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.
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 😛 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,
vreeni
26/08/2014 at 06:39Da spricht der Profi. Verfolge deine Tipps und Tricks auch schon immer bei Silk&Salt. An dieser Stelle: Danke dafür 🙂
Liebst,
vreeni von freak in you
Alexander Grüßung
26/08/2014 at 06:52Ansich 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 ^^
Frankie
26/08/2014 at 09:37Ein 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!
Janika
26/08/2014 at 17:28Oh schade, auf das Tutorial wäre ich gerne früher gestoßen, jetzt habe ich meinen Blogspot Account endgültig gelöscht 🙁 Ich bin absolut zufrieden mit WordPress, aber die Follow Möglichkeiten sind etwas klein!
Liebe Grüße 🙂
http://WWW.YANIKAS.DE
Esra
26/08/2014 at 19:06Wow, 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/
Alina
26/08/2014 at 19:43Ich mag die blusen auch sehr! Die sehen so schick aus 🙂
Joana
27/08/2014 at 11:18Super tutorial! Habe ich mir direkt mal als Lesezeichen gesetzt 🙂
Liebste Grüße ♥ Joana
TheBlondeLion
Es würde mich riesig freuen, wenn du an meinem Geburtstags Gewinnspiel mitmachst 🙂
Melissa
27/12/2014 at 22:27Hallo,
ich hab die Schritte deines Tutorials befolgt, aber es funktioniert nicht. Bei mir wird im neuen Blog statt des GFC Kastens nur der html-Text angezeigt…
Sophie
30/03/2015 at 00:01Bei mir wird auch nur der html-Text angezeigt. 🙁
Caro
07/05/2015 at 00:07Halloo,
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
Natalie
24/11/2015 at 17:29Genau so ist es bei mir leider auch
Bonny
27/07/2015 at 16:05Ich 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
Ifkobato
23/12/2015 at 14:26Thanks for posting! 🙂
Annika
11/03/2016 at 12:10Ich 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 😀
Aber lieb, dass du ein versucht hast eine Lösung für das GFC Problem bei WordPress anzubieten. 🙂
Liebe Grüße
Annika
Jülide
20/03/2016 at 19:44Schade. 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. 🙁
friv games
07/04/2016 at 12:26Thanks 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.
Margrett Chong
09/05/2016 at 19:25My 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!
Karma Nesser
11/05/2016 at 21:30This site was how do I say it? Relevant!! Finally I ave found something that helped me. Many thanks!
Micaela Knap
12/05/2016 at 05:25Very neat blog.Really looking forward to read more. Will read on…
poker88
27/05/2016 at 17:11Thank u
dewapoker
31/05/2016 at 10:23Thank u
heather catania
26/09/2016 at 03:28Hello, i think that i saw you visited my web site thus i came to “return the favor”.I am trying to find things to enhance my website!I suppose its ok to use a few of your ideas!!
Mercedez Passmore
19/01/2017 at 18:52This 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!
Jasmine Cluck
29/06/2017 at 20:30Hi, 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!!
ukshelving.co.uk
17/08/2017 at 15:46Hi 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.
visit this blog
23/08/2017 at 20:51Thank 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.
angeltearz liest - Bloggerwelt | Das Abonnieren eines Blogs
19/11/2017 at 11:36[…] eher für die Kategorie „Fortgeschrittene“. Es gibt dazu tolle Beschreibungen, wie z.B. hier oder hier. Ich wollte damals meinen Lesern die Möglichkeit bieten, meinen Blog ganz einfach in ihr […]