października
26
2009

Favicon - jak umieścić przy blogu?

favicon stron firmowychfavicon bloga PierwszyEbiznes.plOd dwóch dni ten blog i moje strony firmowe mają swoje favicony czyli małe obrazki przy swoich adresach w oknie i na zakładkach przeglądarki. Trochę poczytałam na ten temat w Internecie, połączyłam z umiejętnością obsługi graficznego portalu pixlr.com. Jak korzystam z tego narzędzia już pisałam i pokazywałam na filmach:

Coraz więcej witryn wykorzystuje to malutkie miejsce na ekranie monitora, by przykuć nasza uwagę i sprawić, by ten znaczek utrwalił się w naszej pamięci. Jeśli chcesz, to możesz zrobić to samo.

Co potrzebujesz?

  1. Pomysł na obrazek - pamiętaj by nie miał zbyt wiele szczegółów, bo musi być czytelny w wielkości 32×32 piksele i mniejszej 16×16 czy 10×10. Moje robiłam dla wielkości 32×32 piksele a odpowiedniego zmniejszenia dokonywała przeglądarka. Robię obrazek o nazwie nazwa.jpg  i jak jest gotowy, to zmieniam mu nazwę na favicon.ico
  2. Blog, do którego chcesz taki favicon dodać - teraz wykonaj poniżej wymienione czynności w przypadku bloga na własnym serwerze (oczywiście wirtualnym również):
  • skopiuj favicon.ico do katalogu głównego bloga (w tym katalogu jest zawsze plik ndex.php)
  • wejdź do panelu administracyjnego bloga, do części wygląd-edytor i wybierz kod dla strony głównej czyli index.php
  • umieść w tym szablonie dodatkową linijkę kodu podaną poniżej czerwonymi literami

<?php get_header(); ?>
<link rel=”shortcut icon” href=”favicon.ico” type=”image/x-icon” />

Pamiętaj zapisać zmiany. Trochę poczekaj, zamknij  i otwórz swoją przeglądarkę. Gotowe!

Jeszcze mniej do zrobienia jest, kiedy ma się blog na wordpress.com. Tam wystarczy wejść na ustawienia ogólne, przesłać swój obrazek i gotowe. Próżnica z blogiem na własnym serwerze jest tak, ze widzę go również będąc na stronach z panelem administracyjnym. Na wordpress.com tylko na podglądzie strony.

Zostaw odpowiedź