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


>

84 komentarze:

  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. Odpowiedzi
    1. nie wiem czemu ale ja gdy klikam na ,,edytuj'' nic mi nie wyskakuje :C pomcy! ;c

      Usuń
  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. jak wkleić to zdjęcie?

    OdpowiedzUsuń
  7. 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ń
  8. 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ń
    2. https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcTu6T8VH-gCV9H7vL_cjVJu9Uwycqg8U13sPoUXys51JRVpoxQ3 ?

      Usuń
  9. 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ń
  10. Konkretna wreszcie porada

    OdpowiedzUsuń
  11. 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ń
  12. 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ń
  13. 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ń
  14. dzięki za pomoc. Już wszystko działa!

    OdpowiedzUsuń
  15. 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ń
  16. 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ń
  17. 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ń
  18. 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ń
  19. 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ń
  20. Mi to w ogóle nie działa. Próbowałam wszystkiego, kierowałam się tą instrukcją, ale nic z tego.

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

    OdpowiedzUsuń
  22. 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ń
  23. 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ń
  24. Mam podobny problem jak przedmowczyni, co moze byc robione zle?

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

    OdpowiedzUsuń
  26. U mnie jak zapiszesz favicone to i tak jest tamta stara.

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

    OdpowiedzUsuń
  28. Serdecznie dziękuję za poradę :) na początku nie wiedziałam ze to takie łatwe

    OdpowiedzUsuń
  29. zmieniłam favikonę i niby się zapisała ale na górze wciąż widnieje ''b''

    OdpowiedzUsuń
  30. Obrazek dałam wg instrukcji, o właściwych wymiarach (16x16), a mimo to nadal nie chce się wyświetlać. ;/

    OdpowiedzUsuń
  31. dodałam faviconę, zapisałam i nic... żadnej zmiany...

    OdpowiedzUsuń
  32. Jeśli nie udaje się zrobić tego co powyżej, i nie ma favicony wystarczy zrobić tak:
    1. Jeśli chcecie grafikę z internetu, to otwórzcie ją w nowej karcie.
    2. Skopiujcie jej adres.
    3. Wejdźcie na swojego bloga.
    4. Macie swój adres no i np. kończy się tak:tajemnicelasu.blogspot.com
    dodajecie ukośnik i wklejacie adres waszej favicony: tajemnicelasu.blogspot.com/http://1.bp.blog..... ( adres favicony był za długi żeby dodać go tu do komentarza więc dałam kropki).
    5. Gdy wpisaliście adres favicony musicie pare razy nacisnąć F5 i gotowe :)

    Mam nadzieję, że pomogłam :) Zapraszam na mojego bloga- http://hobby-i-zainteresowania.blogspot.com/

    Obserwujcie i komentujcie :*

    OdpowiedzUsuń
  33. nie działa. Wgrało mi ikonę, ale mam standardowy pasek blogspota nadal. dziwne.

    OdpowiedzUsuń
    Odpowiedzi
    1. mam ten sam problem, wgrało, zapisałam ustawienia a ikonka się nie zmienia...

      Usuń
  34. Jak tez nie mogłam zmienić tej favicony, wgralam kilka z sukcesem , okazywało , że są downloaded, ale efekt ten sam , "B" koło nazwy...

    OdpowiedzUsuń
  35. Jak tez nie mogłam zmienić tej favicony, wgralam kilka z sukcesem , okazywało , że są downloaded, ale efekt ten sam , "B" koło nazwy...

    OdpowiedzUsuń
    Odpowiedzi
    1. ja też nie mogę zmienić ponieważ w nowych aktualizacjach przeglądarek internetowych nie działa java

      Usuń
  36. Dziękuję! Świetna instrukcja.

    OdpowiedzUsuń
  37. Nam się niestety nadal biała litera B na pomarańczowym tle wyświetla, ale na YouTube jest nasz własny favicon :(

    OdpowiedzUsuń
  38. 47 years old Senior Developer Abdul Doppler, hailing from Happy Valley-Goose Bay enjoys watching movies like "World of Apu, The (Apur Sansar)" and Backpacking. Took a trip to Brussels and drives a Aston Martin DB3S. przekieruj do tych gosci

    OdpowiedzUsuń
  39. ale tu wiele fajnych wiadomości



    OdpowiedzUsuń
  40. Bardzo lubię odwiedzać ten blog

    OdpowiedzUsuń
  41. Ten wpis jest bardzo interesujący

    OdpowiedzUsuń
  42. Takie informacje należą nie tylko do bardzo ciekawych ale i niezwykle ważnych.

    OdpowiedzUsuń
  43. Cenne informacje przekazujesz

    OdpowiedzUsuń
  44. Tworzenie stron www to zadanie, które wymaga zarówno umiejętności technicznych, jak i kreatywnego myślenia. Przy projektowaniu strony, ważne jest, aby skupić się na jej celu i publiczności. Strona powinna być atrakcyjna wizualnie, ale przede wszystkim, powinna być użyteczna dla odwiedzających. W tym celu, warto skorzystać z usług specjalistów, takich jak http://stronywww.kolobrzeg.pl/, którzy zadbają o to, aby strona była nie tylko ładna, ale także funkcjonalna i dostosowana do potrzeb użytkowników. Pamiętaj, że dobrze zaprojektowana strona www to klucz do sukcesu w dzisiejszym cyfrowym świecie.

    OdpowiedzUsuń
  45. Wiele można się dowiedzieć dzięki tak świetnym wpisom.

    OdpowiedzUsuń