Beauty

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.

Instagram