Jak dodać, zmienić favicon w blogger?


Favicon jest to ikona, którą widzimy w zakładce otwartej strony przy jej nazwie, tytule. W bloggerze standardowo jest wyświetlany favicon z białą literą B na pomarańczowym tle.
Możemy zmienić to dodając własnego favicon’a lub z innej strony.


Jak to zrobić?
1. Zaloguj się na konto Blogger
2. Wejdź w Szablon > Edytuj HTML > Kontynuuj
3. Znajdź poniżej przedstawioną linię kodu w swoim szablonie
   (np. przy użyciu CTRL + F )

<title><data:blog.pageTitle/></title>

4. I zamień na
<link rel="shortcut icon" href="Adres twojego favicon"/>

5. Zachowaj szablon.
Pamiętaj, że pod wskazanym adresem musi być umieszczone zdjęcie twojej ikony.


Drugi łatwiejszy sposób na wgranie favicon do Blogger'a


Google ciągle pracuje nad tym, aby blogerzy korzystając z panelu konfiguracyjnego mogli sami wprowadzać zmiany bez zbędnych modyfikacji kodu tak jak to zostało pokazane powyżej. Teraz w nowej wersji panelu wystarczy wejść w układ naszego szablonu i wybrać tak jak na zdjęciu poniżej favicon.

Dodawanie favicon na bloga,blogger, blogspot, favicon


Następnie wchodzimy w edycję i wgrywamy stworzony przez nas favicon. Należy jednak pamiętać, aby rozmiar pliku nie przekraczał 100KB i miał rozmiar 16x16 pikseli. Ekran do wgrywania plików pokazany został na zdjęciu poniżej.

Wgrywanie favicon na bloga,blogger, blogspot, favicon


47 komentarzy:

  1. działa, jedyny słuszny tutorial jaki znalazłam:)

    OdpowiedzUsuń
  2. wielkie dzięki ;) przydało się i potwierdzam zdanie przedmówcy

    OdpowiedzUsuń
  3. Bardzo miło, że mogłem pomóc.

    OdpowiedzUsuń
  4. Muszę tego spróbować.
    A czy może ktoś wie jak wyświetlić bloga z blogspot na swojej domenie?
    Nie chodzi mi o przekierowanie 301 ale o dowiązanie bloga do domeny.

    OdpowiedzUsuń
  5. Dzieki, tylko to podziałało, a szukałam instrukcji dłuuugo, dzieki, dzieki, dzieki

    OdpowiedzUsuń
  6. Ale ja nie rozumiem. Odpowiedz proszę. Ok, ale jak z obrazka zrobić link? Próbowałam na imgur.com: Plik 16/16 z każdym linkiem jaki istnieje, może to trzeba w formacie .icon? Taką też mam tylko gdzie ją wkleić, na jaką stronę? Wyskakuje mi : Nieprawidłowy format, a w edycji szablonu błąd. Próbowałam 5 razy i nic. Czy odpowiesz mi?

    OdpowiedzUsuń
    Odpowiedzi
    1. Favicon musi być w formacie .ico poczytaj w sieci jak stworzyć favicon jest dużo poradników na ten temat.

      Usuń
  7. Jak zdobyć " adres twojego favicon " ? Ja bym chciała serce jasno różowe. poproszę o szybką odpowiedź :) dziękuję

    OdpowiedzUsuń
    Odpowiedzi
    1. Ja mam domyślny favicon dodany przez Blogspot. Znajdź serce jakie Ci odpowiada i zmniejsz jego rozmiar do 16x16 pikseli i dodaj wg. powyższych instrukcji

      Usuń
  8. Jaki hosting umożliwia wgranie obrazka w formacie ico ? Niestety na tych ktore znam nie można wgrać takiego rozszerzenia. Męczę się z takim małym faviconem już dobre parę godzin próbując różnych sposobów.

    OdpowiedzUsuń
    Odpowiedzi
    1. Google dodało możliwość, dodawanie favicon prosto z panelu - artykuł został uaktualniony z informacją jak w prosty sposób dodać favicon.

      Usuń
  9. Konkretna wreszcie porada

    OdpowiedzUsuń
  10. Nie działa mi. Zrobiłem zgodnie ze wskazówkami a tu nic. Proszę o jak najszybszą odpowiedź

    OdpowiedzUsuń
    Odpowiedzi
    1. albo powiedz mi na jakiej stronie umieścić swój favicon

      Usuń
    2. Nie musisz umieszczać favicon na żadnej stronie. Blogspot wprowadził udogodnienie i wystarczy, że w panelu bloga Układ -> znajdziesz favicon /w lewym górnym rogu/ i wgrasz plik na serwer google - to tyle tylko pamiętaj, że favicon powinien mieć 16x16 pikseli. Pozdrawiam

      Usuń
    3. Post został uaktualniony - sądzę że teraz poradzisz sobie z tym bez problemu.

      Usuń
    4. ale jak wgrac plik na serwer ?

      Usuń
    5. Manuela - wystarczy że zastosujesz się do tego co jest w artykule.

      Usuń
  11. Witam.
    Mam problem uniemożliwiający uruchomienie bloga.
    Na moim blogu kolor tła w postach jest dużo jaśniejszy niż ustawiony w projektancie szablonów.
    Teraz kolor jest jasno szary a w projektancie wybrałem kolor CZARNY. Jakiego koloru bym nie wybrał zawsze w efekcie będzie o wiele jaśniejszy na blogu.

    Sprawia to, ze postów nie da się czytać. Tło jest za jasne.
    Jak zlikwidować tan błąd?
    Nie mam pojęcia o co chodzi.
    Blog tutaj:
    http://sztukaniedlaopornych.blogspot.com/

    OdpowiedzUsuń
  12. Witam,
    W stylach trochę jest naplątane. Rzeczywiście kolor czarny jest ustawiony, ale też wskazujesz niepotrzebnie tło w background w klasie .post-outer

    Znajdź poniższą linię i : background: #000000 url(//www.blogblog.com/1kt/watermark/post_background_birds.png) repeat scroll top left;

    i zostaw tylko background: #000000;
    Pozdrawiam

    OdpowiedzUsuń
  13. dzięki za pomoc. Już wszystko działa!

    OdpowiedzUsuń
  14. nie działa mi 1 i 2 sposób... w 1 wychodzą błędy, (próbowałam je poprawić,ale ciągle są jakieś nowe) a 2 po prostu nie wyświetla mi się nowa ikona :c

    Ps. próbowałam dodać nawet inne obrazki

    OdpowiedzUsuń
  15. prosto wyjaśnione, działa jak się należy :)
    tym, którym mimo zastosowania 1 i 2 metody favikona się nie zmienia proponuję wyczyścić cookies i pamięć podręczną :) Mi pomogło :)
    Pozdrawiam!

    OdpowiedzUsuń
  16. Nie działa :(. próbowałam dwoma sposobami i nic! Niby się wgrało, wszystko ładnie, pięknie, ale jak wchodze na bloga to favicona nie ma! pomocy!

    OdpowiedzUsuń
    Odpowiedzi
    1. Jeżeli mimo zastosowania 1 i 2 metody favikon się nie wyświetla to należy wyczyścić cookies i pamięć podręczną :)

      Usuń
    2. wyczyscilam i nie działa .. czy może to być jeszcze co innego?

      Usuń
  17. A mi nadal nie zmienia to favikony ...

    OdpowiedzUsuń
    Odpowiedzi
    1. Jeżeli mimo zastosowania 1 i 2 metody favikon się nie wyświetla to należy wyczyścić cookies i pamięć podręczną :)

      Usuń
  18. udało mi się. dziękuję. tylko jest problem. jak wgrałam, to teraz, jak mam otwartą kartę bloga to zamiast tytułu wyświetla się link bloga. jak to zmienić?? próbowałam zmieniać tytul bloga. nic nie pomogło.

    OdpowiedzUsuń
    Odpowiedzi
    1. Ten komentarz został usunięty przez autora.

      Usuń
  19. Mi to w ogóle nie działa. Próbowałam wszystkiego, kierowałam się tą instrukcją, ale nic z tego.

    OdpowiedzUsuń
  20. Super poradnik, bardzo pomocny :) Według mnie ten pierwszy sposób jest łatwiejszy, z drugim mi się nie udawało :) Super.

    OdpowiedzUsuń
  21. dzięki;)
    Tylko aktualnie, przy zamianie, zmienia się nazwa w karcie bloga na adres;) Zatem jeśli edytować w kodzie, to nie zamienić, a wkleić pod...

    pozdrawiam

    OdpowiedzUsuń
  22. Witam chcialam wgrac favikon robie wszystko z instrukcja stworzylam favikon zconvertowalam go na poczaktu do formatu ico wgrywam go ale nic mi w podgladzie nie wyswietla pozniej w normalnym formacie jpg chcialam wgrac i w podgladzie rowniez mi tego nie widac oczywiscie wszystko 16x16 co robie zle?

    OdpowiedzUsuń
  23. Mam podobny problem jak przedmowczyni, co moze byc robione zle?

    OdpowiedzUsuń
  24. Zmieniłam Favikonę 2 sposobem, ma OK wymiary, ale od 2 dni wciąż mam znak Bloggera. Co robię źle?

    OdpowiedzUsuń