Cum adaug Facebook Like Box?

– Cum adaug un bloc sau un widget Facebook pe site-ul meu, astfel încât vizitatorii mei să poată da Like paginii mele ?

Acest bloc se numeste Like Box şi poate fi inserat oriunde în site cu scopul de a primi Like-uri pentru pagina Facebook, direct din site, fără a fi nevoie sa o viziteze. Acesta poate fi inserat desigur şi într-un widget, pe blog. Pentru adăugare trebuie să inseraţi codul de la pasul 1, apoi să personalizaţi codul de la pasul 2 cu numele paginii dvs. de Facebook şi cu parametrii doriţi şi să-l inseraţi în pagina web.

Pasul 1
Adăugaţi acest cod imediat după eticheta <body>:

<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/ro_RO/all.js#xfbml=1”;
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>

Pasul 2
Personalizaţi şi adăugaţi codul de mai jos exact în locul dorit a apărea în pagină:

<div data-href=”http://www.facebook.com/EXEMPLU” data-width=”292″ data-height=”300″ data-show-faces=”true” data-stream=”false” data-border-color=”black” data-header=”true”></div>

Personalizare
– înlocuiţi cuvântul „EXEMPLU” cu numele paginii dvs. de Facebook.
– editaţi prin câteva teste pe viu, lăţimea (data-width) şi înălţimea (data-height).
– afişaţi feţele (data-show-faces=”true”), sau nu (data-show-faces=”false”).
– schimbaţi culoarea bordurii (data-border-color=”black”) după caz.
– afişaţi headerul „Găseşte-ne pe Facebook” prin (data-header=”true”), sau nu (data-header=”false”).
– opţional puteţi afişa ultimele postări (data-stream=”true”), sau nu (data-stream=”false”).

Veţi avea în final un bloc ce va conţine: Titlu si logo cu link către Pagina Facebook, sumarul ultimelor postări, un Buton Facebook Like (Îmi place), o evidenta a Like-urilor şi feţele celor ce au apreciat pagina respectivă.


Cum adaug Facebook Like Box? publicat: 2013-04-05T14:39:02+00:00, actualizat: 2017-01-02T19:16:54+00:00 by WHD.ro [ Web Hosting & Design ]