2014/11/03

Jak umieścić widżet społecznościowy Flare na blogu?

Flare to modny widżet zawierający przyciski społecznościowe służące do udostępniania linków do postów. Popularność zyskał jako wtyczka do WordPressa, jednak my pokażemy, jak w prosty sposób widżet można umieścić na blogu z dowolnej platformy blogowej. Zrobimy to na przykładzie Bloggera. Zaczynamy!

1. Załóż konto

Wejdź na stronę widżetu. Do założenia konta użyj jednej z trzech metod: 
  • tradycyjnej rejestracji przy pomocy loginu i hasła
  • konta na Facebooku
  • konta na Google+ (w tym poradniku my użyliśmy tej opcji)

2. Zaloguj się na konto Google

3. Zezwól na dostęp aplikacji do swojego konta

4. Wypełnij formularz logowania

Wpisz swój adres email oraz imię i nazwisko (my użyliśmy nazw). Kliknij fioletowy przycisk Confirm account info.

5. Wpisz adres bloga, na którym chcesz umieścić widżet

Adres napisz w formie: www.twójblog.blogspot.com, a jeśli posiadasz własną domenę - www.twójblog.pl. By przejść dalej wciśnij fioletowy przycisk Next.

6. Wybierz rodzaj widżetu oraz adres swojego bloga

Na kafelku Flare kliknij Launch i adres swojego bloga. Jeśli nie wpisałeś adresu we wcześniejszych krokach, zrób to teraz za pomocą opcji Add a website.

7. Dodaj nowy widżet

Kliknij ikonę plusa New.

8. Wpisz tytuł widżetu i dostosuj przyciski

Te, które mają być widoczne zaznacz na On. Możesz zmieniać kolejność ikon przeciągając je do góry i dołu. Po prawej widnieje podgląd.

9. Wybierz pozycję widżetu

By to zrobić kliknij na dowolny prostokąt odzwierciedlający pozycję widżetu. Zostanie on podświetlony na fioletowo. 
  • Total flare count ustawiony na On włączy wyświetlanie liczby udostępnień. 
  • Show close button ustawiony na Off uniemożliwi czytelnikom zamknięcie okienka z widżetem.

10. Dostosuj inne ustawienia

Flare module color - kolor widżetu: Light - jasny, Dark - ciemny.
Icon spacing - odległość pomiędzy przyciskami.
Button roundness - stopień zaokrąglenia przycisków.

Gdy zakończysz dostosowywanie kliknij Save settings.

11. Przeciągnij widżet na podgląd

W miejsce, gdzie ma się on znaleźć.

12. Wybierz, na których stronach ma widnieć widżet

Entire website - na każdej podstronie bloga, czyli przy każdym poście, na stronie głównej i stronach.
Only some pages - tylko na wybranych podstronach.
This page only - tylko na stronie głównej.

13. Opublikuj widżet

Kliknij fioletowy przycisk Publish w prawym górnym rogu.

14. Wejdź w menu by pobrać kod widżetu

Klikninj na ikonę użytkownika w prawym górnym rogu i wybierz opcję Get my code snippet.

15. Przejdź dalej

Klikając na fioletowy przycisk OK, let's go!

16. Skopiuj kod widżetu

Zaznacz kod i wybierz Ctrl+C lub prawy przycisk myszy i Kopiuj.

17. Przejdź do panelu admina na Bloggerze

Wejdź w menu Układ.

18. Dodaj gadżet

Z lewej kolumny wybierz opcję Dodaj gadżet.

19. Wybierz HTML/JavaScript

Kliknij na tytuł tego gadżetu lub jego ikonę plusa.

20. Wklej kod do gadżetu

Tytuł pozostaw pusty, a do treści wklej skopiowany wcześniej kod za pomocą CTRL + V lub prawy przycisk myszy i Wklej. Na koniec zapisz.

21. Wyświetl bloga, by sprawdzić, czy widżet wyświetla się prawidłowo

Przewiń stronę, by upewnić się, czy "pływa" - jeśli taki był wybrany przez ciebie efekt.
To wszystko! Teraz możesz już cieszyć się nowym widżetem.

Brak komentarzy :

Prześlij komentarz

Komentarze zawierające SPAM zostaną usunięte.

Szablon stworzony z przez Blokotka. Wszelkie prawa zastrzeżone.