Facebook Like Box bei Blogger Blogspot einbinden
How can a Facebook Like Box in a Blogger Blogspot embed embed? How can you integrate the Facebook Like Box to Blogger Blogspot in the side bar or in the footer? Where to get the gadget or Facebook Like Box Facebook Like Box ?
If you already have a Facebook page or even a Facebook page set up to match his Blogger Blogspot blog, then the Facebook Like Box and Facebook Like Box involve me. For a normal Facebook profile, it does not work.
The code has been drafted to be very easy to add on gadgets in a Blogger Blogspot blog can be integrated. A somewhat more complicated procedure in the template template is thus spared.
Is the Facebook Like Box included in the blog, readers can:
- "Like" button and press to win new fans for its Facebook page
- a preview to see what is being posted on the Facebook page, so an overview of recent activities
- see how many people like the Facebook page, by these individuals is the profile photo to see and link
Simple instructions for quick installation of the Facebook Like Box:
Gadget for HTML / JavaScript in the old Blogger interface add
- at blogger.com log and seek appropriate Blog
- Design >> Page Elements >> Add a Gadget >> Select HTML / JavaScript and paste the code >> Save
Gadget for HTML / JavaScript in the new Blogger interface add
- at blogger.com log and seek appropriate Blog
- Layout >> Add a Gadget >> Select HTML / JavaScript and paste the code >> Save
Code for the Facebook Like Box and Facebook Like Box
<div class="fb-like-box" data-href="http://www.facebook.com/pages/BloggerLatein-Blogger-Blogspot-Tipps-und-Tricks/283692315026862" data-width="292" data-show-faces="true" data-stream="true" data-header="true"></div>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/de_DE/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/de_DE/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Rote Markierung: dort wird die eigene Webadresse (URL) der eigenen Facebook Seite eingesetzt. Wer diese nicht auswendig kennt, loggt sich bei Facebook ein, sucht seine Seite auf und kopiert die URL aus der Adresszeile des Browsers. Die Webadresse (URL) endet mit der Seiten ID (eine längere Zahl).
Blaue Markierung: um die Box breiter zu machen wird eine größere Zahl eingegeben und um die Box schmaler zu machen gibt man eine kleinere Zahl ein.
Grüne Markierung: möchte man im unteren Teil der Box keine Profilbilder anzeigen lassen, wird das Wort true mit dem Wort false ersetzt.
Orange Markierung: möchte man den scrollbaren Mittelteil (Postvorschau der Facebook Seite) ausblenden und nur die Profilfotos anzeigen lassen, wird das Wort true mit dem Wort false ersetzt.
Rosa Markierung: möchte man die Überschrift Finde uns auf Facebook ausblenden, wird das Wort true mit dem Wort false ersetzt.
Wie man eine Facebook Like Box mit Hover Effekt (ausklappbar beim Anklicken) einbindet, wird in diesem Artikel erklärt: Facebook Like Box mit Hover Effekt bei Blogspot einbinden
Categories:
Blogger Gadgets,
Blogger Tutorial
Good blog you've got here.. It's difficult to find
ReplyDeletegood quality writing like yours nowadays. I truly appreciate people like you!
Take care!!
Also visit my homepage - Achat Retweet pas cher