Sociální funkce pro blog

Ať už se nám to líbí nebo ne, Facebook hýbe světem a celým internetem. Jak jeho rozšířenosti využít a začlenit ho do svých stránek?

"To se mi líbí!!"

Určitě už jste si všimli všech možných tlačítek "Like" a "To se mi líbí" rozesetých po celém webu. Umožní čtenáři ohodnotit článek a zároveň dělají webu nenásilnou reklamu;) Jak si takové tlačítko vložit na blog na Bloggeru?

Otevřete si administrační rozhraní svého blogu, v záložce Návrh klepněte na Upravit HTML a zaškrtněte "Rozbalit šablony pomůcek." Nyní je ve zdrojovém kódu potřeba najít řetězec <div class="post-footer"> (v Chrome klávesa F3). Za tento blok vložte následující kód:

<!-- Facebook Like Button BEGIN -->
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:30px;'/>
<!-- Facebook Like Button END -->

Co se týče dalšího přizpůsobování, za src= se dosazuje adresa článku. V našem případě je doplněna automaticky podle článku. Parametry width a height si můžete nastavit šířku a výšku, nastavením show_faces na true můžete pod tlačítkem "Líbí se mi" nechat zobrazovat tváře přátel, kteří už na tlačítko kliknuli.

Po dokončení změny uložte klepnutím na Uložit šablonu.

Boxy

Tím ale možnosti využití sociálních funkcí nekončí. Můžete svému webu založit stránku na Facebooku, s jejíž pomocí můžete fanoušky informovat o nových článcích, akcích a podobně přímo na jejich zdi.

K tomu, aby se vůbec o existenci takové stránky dozvěděli, je dobré na web umístit patřičný box. Opět přejděte do administračního rozhraní blogu. Klepněte na Návrh, Prvky stránky a nakonec na Přidat miniaplikaci. V seznamu vyberte HTML/JavaScript, nadpis nastavte třeba na "Facebook" a do hlavního pole vložte kód:

<iframe src="http://www.facebook.com/plugins/likebox.php?id=151620408209660&amp;width=240&amp;connections=4&amp;stream=false&amp;header=false&amp;height=195" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:240px; height:195px;" allowtransparency="true"></iframe>

Za id= napište id facebookové stránky, kterou zjistíte z URL. Šířku a výšku boxu si nastavíte u width a height. Nezapomeňte to udělat u obou výskytů, je to tam dohromady dvakrát. Proměnná connections nastavuje počet zobrazovaných obličejů, nastavením stream na true můžete v boxu nechat zobrazovat aktuální posty ze zdi stránky. Můžete také zkusit nechat zobrazit původní titulek boxu přepsáním header na true.


Po dokončení změn stačí klepnout na Uložit.


Enjoy!