Auch der Facebook \u201cGef\u00e4llt mir\u201d Button l\u00e4sst sich per CSS anpassen bzw. so gestalten wie man sich das w\u00fcnscht. Hier wird einfach die Facebook \u201eComment Box\u201c eingebunden und per CSS das Kommentarfeld versteckt. Anschlie\u00dfend ist es m\u00f6glich per CSS die Farben entsprechend anzupassen oder einen Hintergrund zu vergeben.<\/p>\n
Um den Facebook \u201eGef\u00e4llt mir\u201c Button per CSS anpassen zu k\u00f6nnen, wird zu allererst eine APP ID<\/strong> (Application ID) ben\u00f6tigt. Unter dem folgenden Link erh\u00e4lt man die ben\u00f6tigte APP ID: Create APP<\/p>\n Doch bevor wirklich eine APP ID vergeben wird, muss<\/strong> das entsprechende Konto best\u00e4tigt<\/strong> sein, was nur mit der Eingabe einer Handynummer oder Kreditkarte m\u00f6glich ist.<\/p>\n Die Mehrheit \u00fcberlegt sich hier zweimal ob der Facebook \u201eGef\u00e4llt mir\u201c Button wirklich per CSS angepasst werden muss oder ob man doch lieber die Standard Version nutzt.<\/p>\n Hat man aber ein best\u00e4tigtes Facebook Konto, so kann man eine eigene Anwendung erstellen, womit man oben in der URL auch immer die eigene APP ID eingeblendet bekommt.<\/p>\n Zu allererst wird folgendes oben im HTML Tag eingebunden:<\/p>\n[php]<html lang=“de“ xmlns:og=“http:\/\/opengraphprotocol.org\/schema\/“ xmlns:fb=“http:\/\/www.facebook.com\/2008\/fbml“>[\/php]\n Den folgenden Teil kopieren und im Footer einbinden, dabei die eigene APP ID nicht vergessen.<\/p>\n[php]<div id=“fb-root“><\/div> Anschlie\u00dfend einfach den folgenden Code an die gew\u00fcnschte Stelle setzten.<\/p>\n[php]<fb:comments css=“http:\/\/domain.de\/css\/fb.css?1″><\/fb:comments>[\/php]\n Nun einfach die CSS-Datei wie gew\u00fcnscht anpassen, unwichtiges ausblenden oder ein Hintergrundbild hinzuf\u00fcgen und fertig. Nach jeder CSS \u00c4nderung muss die Variable hinten um eins hochgeschraubt werden, andernfalls werden keine \u00c4nderungen angezeigt.<\/p>\n Auch die Facebook Like Box kann man per CSS anpassen und hierzu wird auch keine APP ID ben\u00f6tigt. Weiterf\u00fchrende Informationen dazu:<\/p>\n <\/p>\n \n","protected":false},"excerpt":{"rendered":" Auch der Facebook \u201cGef\u00e4llt mir\u201d Button l\u00e4sst sich per CSS anpassen bzw. so gestalten wie man sich das w\u00fcnscht. Hier wird einfach die Facebook \u201eComment Box\u201c eingebunden und per CSS das Kommentarfeld versteckt. Anschlie\u00dfend ist es m\u00f6glich per CSS die Farben entsprechend anzupassen oder einen Hintergrund zu vergeben. Um den Facebook \u201eGef\u00e4llt mir\u201c Button per […]<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"content-type":"","footnotes":""},"categories":[35,53],"tags":[33],"yoast_head":"\n
\n<script>
\nwindow.fbAsyncInit = function() {
\nFB.init({appId: ‚your app id‘, status: true, cookie: true,
\nxfbml: true});
\n};
\n(function() {
\nvar e = document.createElement(’script‘); e.async = true;
\ne.src = document.location.protocol +
\n‚\/\/connect.facebook.net\/en_US\/all.js‘;
\ndocument.getElementById(‚fb-root‘).appendChild(e);
\n}());
\n<\/script>
\n[\/php]\n\n