Jak dodać moduł głosowania do Bloggera?

Chociaż w nagłówku widzicie obrazek z jednego modułu do głosowania to takich narzędzi w poradniku przytoczę w sumie trzy. Jeden autorstwa Outbrain.com, drugi, ukryty Bloggera i jeden z agregatora blogów - Blogfrog.pl.

Przed jakąkolwiek zmianą, powinniśmy zrobić kopię szablonu. By to zrobić wchodzimy w:

Panel nawigacyjny > Układ > Edytuj Kod HTML

i klikamy Pobierz pełny szablon. Zapisujemy plik XML na dysku.

Start

Zacząć chcę od najszybszego narzędzia, przy którym nie trzeba będzie dużo kombinować.

Blogger Draft

1. Pomijając jednak fakt, że mało osób wie o istnieniu draft.blogger.com, to wystarczy wstukać wcześniej wspomniany adres do pola adresu przeglądarki i wejść w Panel nawigacyjny > Układ.

2. Następnie kliknąć edycję elementu Posty w blogu i zaznaczyć Pokaż gwiazdki ocen.

3. Kliknij Zapisz i voila!

Gwiazdki, jak na złość, nie chcą się pokazać w Operze.

Outbrain

Tutaj też nie będziemy musieli męczyć się z edycją kodu źródłowego szablonu. Wystarczy...

1. Wejść na http://www.outbrain.com/get/ratings

2. Kliknąć logo Bloggera,

3. Na następnej stronie możemy pominąć opcjonalną rejestrację (dzięki rejestracji mamy dostęp do kilku fajnych opcji jak posty rekomendowane i inne oraz statystyki) i wybrać język, i kliknąć Get Widget Now!

4. Kolejnie, w kreatorze dodawania elementu wystarczy kliknąć Dodaj widżet.

Ten moduł jest wspierany tylko dla przeglądarek Firefox i Internet Explorer czyli Opera znowu odpada.

BlogFrog.pl

Tutaj akurat jest więcej zabawy gdyż oficjalnie sam BlogFrog.pl nie ma poradnika jak dobrze dodać ten moduł. Sami użytkownicy doszli do tego jak poprawnie zainstalować moduł.

Jeśli korzystasz z Feedburnera będziesz musiał wyłączyć statystyki poprzez odznaczenie 'ptaszka' w Configure Stats - *Item link clicks. *Adres do postów w kanale RSS musi zaczynać się prawdziwym adresem bloga (czyli nie może być taki: http://feedproxy.google.com/~r/twojloginfb/~3/kQTi3B7EbMM/mojwpis.html)

1. Wchodzimy zatem w Panel nawigacyjny > Układ > Edytuj kod HTML

2. Klikamy Rozszerz szablony widżetów,

3. Szukamy* *stopki posta i wklejamy poniższy kod w stosownym miejscu, czyli np. po etykietach. Powinno to wyglądać mniej więcej tak:

<div class='post-footer'><div class='post-footer-line post-footer-line-1'><span class='post-labels'>

<b:if cond='data:post.labels'>

<data:postLabelsLabel/>

<b:loop values='data:post.labels' var='label'>

<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>

</b:loop>

</b:if>

<script>

PERMALINK = '<data:post.url/>';

SKIN = 'white';

</script>

<script src='http://blogfrog.pl/index.php/wpisy/glosowanie' />

4. Klikamy Zapisz Szablon.

Przykład działania BlogFroga można znaleźć na takich blogach jak robert.solkiewicz.com czy poradydlapodroznikow.blogspot.com. Najważniejsze to to, że moduł działa prawidłowo w każdej przeglądarce.

Teraz proszę o wysoką ocenę poradnika :)