Dodajemy Favicon do Bloggera

Standardowo Blogger udostępnia dla blogów pomarańczową ikonkę pojawiającą się przy pasku adresu naszej przeglądarki, Nic nie stoi na przeszkodzie, aby ją zmienić na własną bardziej oddającą treść naszego bloga. Plik ikony powinien mieć rozmiary 16x16 pikseli. Domyślny format to ICO (większość przeglądarek obsługuje również poprawnie pliki PNG i GIF). Do skonwertowania pliku graficznego do pliku ICO możemy wykorzystać darmowy program IrfanView, bądź też poszukać darmowych ikonek w sieci. Idealnie do tego nadaje się wyszukiwarka Google (wybieramy grafika/wyszukiwanie zaawansowane/określamy rozmiar 16x16). Wybrany obrazek musimy umieścić na serwerze i dokonać zmian w kodzie naszego szablonu (nadpisać domyślne ustawienia Bloggera). Logujemy się do Bloggera, wybieramy Układ/Edytuj kod HTML. W podglądzie źródła naszego szablonu szukamy (Ctrl+F) następującego fragmentu:
<b:include data='blog' name='all-head-content'/>
Jest to fragment odpowiedzialny za utworzenie zawartości nagłówka naszej strony. Poniżej powyższego kodu dopisujemy linijkę:
<link href='Adres URL pliku ikonki' rel='shortcut icon' 
type='image/vnd.microsoft.icon'/>
Gdzie Adres URL pliku ikonki to ścieżka dostępu do naszej ikonki (pliku z rozszerzeniem .ico). Efekt widoczny jest na moim blogu (zobacz w pasku tytułu przeglądarki).
Ikonki mogą być również animowane. Wykorzystywany jest do tego celu format GIF.
Rozmiar ikonki może być większy (np. 32x32 czy 48x48). Przeglądarka odpowiednio przeskaluje sobie nasz plik.


28 Komentarzy - Dodajemy Favicon do Bloggera

TazR pisze...

Sprawdziłem, działa :-)

Devon pisze...

@TazR: Cieszę się, że się przydało :)

-Jasmine- pisze...

EDIT : działa :) Wielkie dzieki !!

Devon pisze...

Eeee...ślicznie działa, taka animowana róża (czy inny kwiatek)? U mnie pod Firefox'em, Chrome działa idealnie. Opera się burzy, ale to pewnie przez to, że masz animowaną ikonkę.

Galeria w Tle pisze...

Ha!
Nie było łatwo, do paru rzeczy trzeba było dojść samemu,ale jest i można już wyjść z firmy.

Dobrego roku Wszystkim :>

Alicia pisze...

Niestety "przepis" nie dziala w moim przypadku, albo robie blad. Adres url mojej ikony to:
http://bloggtips.googlegroups.com/web/faviran.ico?hl=no&gda=9qJeSD4AAAAAoTRWkPjhg6vDvOeiMFYf3rGksdtff_I-pDX-YT7vC0z3ySOM3pcRz4M0Q6k68czjsKXVs-X7bdXZc5buSfmx&gsc=UK3JjQsAAABgMILyi8CvO6s0o0CBGcdc

Jak bedzie wygladac moj kod? Pomocy!
mam bloga na: www.23tingeb.blogspot.com

Devon pisze...

Na pewno poprawnie dodałaś wpis do szablonu? Edytując źródło strony bloga nie zauważyłem wpisu z Twoją ikoną. Sposób działa, umieściłem Twoją stronę z podmienioną ikonką tutaj. Zobacz, przeanalizuj i najwyżej podeślij swój szablon bloga to zobaczę co źle robisz :)

Alicia pisze...

Czesc, dzieki za odpowiedz i pomoc. Po wielu probach doszlam do tego, jak to zrobic. Wykorzystalam googla, zeby dostac url dla mojej ikonk.Twoj przepis dziala. Moja strona: www.23tingeb.blogspot.com
Jeszcze raz dzieki.

kadabra pisze...

świetnie! działa! wreszcie! a traciłam już nadzieję :D

dzięki i pozdrawiam

Devon pisze...

@kadabra: Taka mała rzecz, a cieszy :) pozdrawiam również

Tolek pisze...

Dzięki. Działa :)

radio-active pisze...

Spamować nie zamierzam, napiszę tylko to: Dziękuję :) Temat pomógł, tego szukałem.

Dobre-aukcje pisze...

U mnie nie zadziałało niestety. Musiałam znaleźć inny sposób i dopiero wtedy wyszło tak jak powinno :)

Chromek pisze...

Dzięki, działa. I to z dużo większym obrazkiem .png. Fajnie :)

Anonimowy pisze...

zabronione dodawać obrazków d których nie ma się praw autorskich, przecież.

Anonimowy pisze...

dopisz to

Krzysztof Jachimowicz pisze...

Wykorzystałem na swojej stronie :) obrazek zrobiony w gimpie zapisany z rozszerzeniem .jpg, dzięki za info pozdrawiam

Malamut pisze...

Dziękuję za poradę. Skorzystałem i wszystko działa.

Malamut pisze...

Wszystko działało - dziś jednak testowałem nowe szablony i flavicon przestał "świecić" (mimo, że wpisałem na nowo kod). Sprawdzałem w przeglądarce Google Chrome. Co mogłoby być przyczyną? Proszę o pomoc.

Ita pisze...

WIELKIE DZIĘKI :) naprawdę pomogło :D

Klaudia Wist pisze...

Tym sposobem wreszcie się udało. Dziękuję :)

Adam pisze...

A jak to umieścić na forum MyBB?

amna pisze...

dziekowka udalo sie!!!!!!!!!!!!!!!

Eriss266 pisze...

Dziękuję, udało się wreszcie.

Anonimowy pisze...

a u mnie ani w pasku adresu ani w zakładce w Chrome się to nie pojawia. Wkleiłem tą liniję wkleiłem w nią adres ikonki z gmail i nic. Kilkanaście prób i nic.

Górskie Wojaże pisze...

U nas też nie chciało działać, ale udało się po odświeżeniu pamięci podręcznej przeglądarki. Komu się nie udało - polecam odświeżenie. Pozdrawiam

jednorogini82 pisze...

Witam.

Skorzystałam z porady i w sumie to działa... chociaż nie całkiem.
Zawsze zmieniałam faviconę poprzez układ-favicona-edytuj, ale zmieniając w ten sposób favicona jest nieruchoma.
Skorzystałam z poradnika i udało się, gif się rusza, ale... Favicona jest ruchoma na stronie głównej bloga i na stronach postów, jednak po napisaniu komentarza pojawia się favicona która została wgrana w normalny sposób (ja wgrałam tą samą faviconę więc mam tą samą tylko nieruchomą). Dlaczego tak jest? Nie wiem. Ale zauważyłam, że chodzi po prostu o to, że nieruchoma favicona jest w linkach do konkretnych komentarzy pod postami (pisząc komentarz automatycznie w pasku adresowym pojawia się link do niego), czyli także stanie się tak, gdy wejdziemy pod post i klikniemy w konkretny komentarz (godzina/data komentarza jest linkiem do niego).

Czy też tak macie? Czy może ja coś pokićkałam?

Kinga Krawczyk pisze...

A u mnie pomimo usilnych starań nie działa ten kod :/ ja już nie wiem...

Prześlij komentarz

Możesz użyć niektórych tagów HTML, takich jak <b>, <i>, <u>, <a> Nie spamuj :)

Popularne posty