Blogger - jak dodać widżet oceny gwiazdkami
Jak dodać widżet oceny gwiazdkami pod każdym postem na Twoim blogu ?
Jeśli korzystasz z platformy Blogger, możliwe że poszukujesz sposobu na dodanie widżetu, który umożliwi gościom ocenę Twoich postów.
W przeciwieństwie do WordPress, który ma wiele wtyczek z gwiazdkami, które można zainstalować ze sklepu, Blogger nie posiada takiej możliwości.
Czy to oznacza, że nie możesz mieć opcji oceny postów na swoim blogu lub witrynie ?
Odpowiedź brzmi NIE!
Jeśli chcesz dodać widżet oceniania gwiazdkami na swoim blogu (Blogger), to właśnie trafiłeś we właściwe miejsce. Dzisiaj w tym poście wyjaśnię Ci krok po kroku, jak dodać widżet oceniania, który będzie automatycznie pojawiał się pod każdym postem oraz na każdej stronie.
Wykonaj poniższe kroki, aby dodać go na swoim blogu.
1. Zarejestruj się na stronie Widgetpack.
Zanim zaimplementujesz kod, który znajdziesz w kolejnym kroku, musisz najpierw zrobić kilka rzeczy. W tym systemie oceny będziemy korzystać ze strony Widgetpack . Daje ona możliwość utworzenia widżetu z gwiazdkami i zaimplementowania go na blogu Bloggera.
- Wejdź na stronę widgetpack.com i zarejestruj się.
- W kolejnym kroku wpisz nazwę swojej strony, adres www, wybierz język i kliknij "ADD".
- Po rejestracji zostanie wyświetlony kod widżetu, jednak my nie tego potrzebujemy.
W Menu / Rating / Setting możesz zmienić wygląd i funkcje widżetu.
- W polu " Vote via" ustaw sposób oceniania
Socials - umożliwia dodanie oceny po zalogowaniu przez jeden z portali społecznościowych.
IP Address - umożliwia dodanie oceny bez logowania (jeden głos z jednego adresu IP pod każdym postem)
Device (cookie) - umożliwia dodanie oceny bez logowania (jeden głos z jednej przeglądarki pod każdym postem. Po wyczyszczeniu plików cooke przeglądarki można oceniać ponownie te same posty)
Następnie wybierz kolor gwiazdek oraz wysokość i szerokość widżetu, po czym kliknij "SAVE SETTING".
W Menu / Rating / Moderation możesz zarządzać swoimi widżetami i oddanymi głosami.
Kiedy już dostosujesz widżet do własnych potrzeb, przejdź do Menu / Rating / Install.
- Następnie zobaczysz kod widżetu oceny.
Jeżeli nie chcesz, aby na Twojej stronie widoczny był link do strony widgetpack, skopiuj tylko część kodu JavaScript:
od <script type = "text / javascript"> do </script>
2. Przejdź do ustawień Bloggera, aby dodać widżet
- Wybierz blog, na którym chcesz dodać widżet
- Przejdź do: Motyw / Edytuj kod HTML
- W kodzie HTML bloga znajdź
</body>
- Przed </body> wklej wcześniej skopiowany skrypt widżetu.
- Następnie w kodzie HTML bloga znajdź
<data:post.body/>
- <data:post.body/> może pojawić się kilka razy w kodzie HTML Twojego bloga
- Pod każdym <data:post.body/> wklej poniższy kod:
W przeciwieństwie do WordPress, który ma wiele wtyczek z gwiazdkami, które można zainstalować ze sklepu, Blogger nie posiada takiej możliwości.
Czy to oznacza, że nie możesz mieć opcji oceny postów na swoim blogu lub witrynie ?
Odpowiedź brzmi NIE!
Jeśli chcesz dodać widżet oceniania gwiazdkami na swoim blogu (Blogger), to właśnie trafiłeś we właściwe miejsce. Dzisiaj w tym poście wyjaśnię Ci krok po kroku, jak dodać widżet oceniania, który będzie automatycznie pojawiał się pod każdym postem oraz na każdej stronie.
Wykonaj poniższe kroki, aby dodać go na swoim blogu.
1. Zarejestruj się na stronie Widgetpack.
Zanim zaimplementujesz kod, który znajdziesz w kolejnym kroku, musisz najpierw zrobić kilka rzeczy. W tym systemie oceny będziemy korzystać ze strony Widgetpack . Daje ona możliwość utworzenia widżetu z gwiazdkami i zaimplementowania go na blogu Bloggera.
- Wejdź na stronę widgetpack.com i zarejestruj się.
- W kolejnym kroku wpisz nazwę swojej strony, adres www, wybierz język i kliknij "ADD".
- Po rejestracji zostanie wyświetlony kod widżetu, jednak my nie tego potrzebujemy.
W Menu / Rating / Setting możesz zmienić wygląd i funkcje widżetu.
- W polu " Vote via" ustaw sposób oceniania
Socials - umożliwia dodanie oceny po zalogowaniu przez jeden z portali społecznościowych.
IP Address - umożliwia dodanie oceny bez logowania (jeden głos z jednego adresu IP pod każdym postem)
Device (cookie) - umożliwia dodanie oceny bez logowania (jeden głos z jednej przeglądarki pod każdym postem. Po wyczyszczeniu plików cooke przeglądarki można oceniać ponownie te same posty)
Następnie wybierz kolor gwiazdek oraz wysokość i szerokość widżetu, po czym kliknij "SAVE SETTING".
W Menu / Rating / Moderation możesz zarządzać swoimi widżetami i oddanymi głosami.
- W opcjach menu przewiń w dół i kliknij „Rating”, a następnie „Install”.
Jeżeli nie chcesz, aby na Twojej stronie widoczny był link do strony widgetpack, skopiuj tylko część kodu JavaScript:
od <script type = "text / javascript"> do </script>
2. Przejdź do ustawień Bloggera, aby dodać widżet
- Wybierz blog, na którym chcesz dodać widżet
- Przejdź do: Motyw / Edytuj kod HTML
- W kodzie HTML bloga znajdź
</body>
- Przed </body> wklej wcześniej skopiowany skrypt widżetu.
- Następnie w kodzie HTML bloga znajdź
<data:post.body/>
- <data:post.body/> może pojawić się kilka razy w kodzie HTML Twojego bloga
- Pod każdym <data:post.body/> wklej poniższy kod:
<div id="ratings" style="width:96%; height:100px; text-align:center; border:3px solid #e6e4df; margin:0 auto; margin-top:10px">
<h4>Oceny:</h4>
<p id="wpac-rating"/>
</div>
Postępując zgodnie z powyższymi krokami, powinieneś bez problemu dodać widżet oceny za pomocą gwiazdek do Swojego bloga, który automatycznie pojawi się na końcu każdego posta, który masz na swoim blogu. Ten post jest otwarty do dyskusji i każdy może podzielić się swoimi przemyśleniami.
Sprawdź jak działa dodany w ten sposób widżet i kliknij pod postem najlepiej pięć gwiazdek 😉. Jeżeli masz jakikolwiek problem z dodaniem widżetu napisz o tym w komentarzu.