По-запалените собственици на сайтове, както и правещите сайтове, определено знаят какво значи "предикона" (съкращение на "предпочитана икона", като при английското "favicon" - "favorites icon"), но понеже този сайт е главно за начинаещите, ще обясня: това е специалната малка иконка, която се появява в лентата с адреса на сайта, който отваряме, намираща се непосредствено преди самия адрес (URL). За пример, ако сте в АБВ поща, ще виждате характерната бяла къщичка на зелен фон, ако сте в blogger сайт - бялото "B" на светло червен фон... Няма да се спирам на подробности - тях ще намерите в Wikipedia :), само ще допълня, че предиконата (favicon, уебикона, лого) дава на всеки сайт още една доза персоналност и донякъде играе ролята на аватар за целия сайт, който помага на вашите посетители, дори ако само следят публикациите ви по е-мейл, лесно да идентифицират съдържанието идващо от вашия сайт. Все повече сайтове се възползват от възможността чрез предикона да заявят своята идентичност и уникалност. А нейното създаване и използване е толкова лесно, че трябва много да ви мързи, за да не си поставите и вие.
Ако сте тръгнали натам - да сложите собствена предикона (favicon) на вашия сайт, но не знаете как, то можете да се възползвате от инструкциите по-долу. Основното, от което се нуждаете, е разбира се, самата иконка, която искате да поставите, т.е. вашето лого. Можете да я създадете в кой да е от форматите PNG, GIF и дори JPG, защото ICO форматът вече не е задължителен и единствен вариант (освен за Интернет Експлорер). Ако не знаете как или се нуждаете от малко вдъхновение, за да направите своя предикона, вижте тези адреси:
- Генератор на предикони и галерия от favicon.co.uk
- 50 Забележителни предикони от Smashing Magazine
- Галерията на предиконите
- Генериране на предикони от картинки
- За притежаващите достъп до основната директория на сървъра, който хоства сайта им, решението може да е изключително лесно. Нужно е само файлът с предиконата да е в ICO формат. Тогава просто го именувайте favicon.ico и го поставете в тази основна директория. Това е.
- За всички, които нямат такъв достъп, ще е нужен достъп до HTML кода на сайта. В този случай форматът на файла може да е всеки от изброените по-горе (ico, png, gif, jpg). Предиконата трябва да се качи на видим адрес и да се укаже в HTML кода на сайта (между маркерите <head> и </head>) да бъде ползвана като предикона от този си адрес чрез добавянето на следния код:
<link rel="icon" href="http://example.com/favicon.ico" />От само себе си се разбира, че удебеленият от мен адрес в примера, трябва да бъде заменен с истинския адрес (и име на файл), на който се намира предиконата.
<link rel="shortcut icon" href="http://example.com/favicon.ico" />
Ще обърна още малко внимание на втория вариант, с оглед на това, че всички ползващи сайт, хостван в blogger, могат да се възползват от една допълнителна хитрина. Тя е, че могат да качат своята предикона и в обикновена публикация в blogger сайта си по стандартния за това начин. Когато го направите, превключете в режим Редактиране на HTML кода на публикацията и ще видите адреса, който вашата икона има.
Запазете публикацията. За да не се появи като най-новата публикация в сайта ви, можете да използвате предатиране. Поставете адреса на вашата предикона в съответните мяста в кода по-горе. Така модифицирания код трябва да поставите непосредствено преди затварящия маркер </head> в Оформление -> Редактиране на HTML кода и да запазите промяната.
Е, готови сте. Отворете сайта си в своя браузър и се порадвайте на резултата.
Забележка: Internet Explorer си има проблеми с предиконите и може да не ги визуализира.
И накрая ще допълня, че предиконата ви може да бъде и анимирано изображение, но "рецептата" запазвам за категорията "платени услуги". Ако желаете именно такова за вашия сайт, то потърсете ме - цената е смешно ниска!
Ако информацията ви е била полезна, подкрепете ме!
Направи си сайт - въпроси и трикове
RSS, XML, e-mail абонамент 
Направи си сайт! по e-mail
