Favicon, делаем блог узнаваемым

Сегодня хочу рассказать про такую замечательную вещь как favicon. Вы наверняка в браузере, находясь на каком то ресурсе, видели рядом с адресной строкой иконку сайта на котором находитесь…
Вот о такой мелочи сегодня и поговорим. Это поможет сделать ваш блог более узнаваемым не только по названию, но и по логотипу. Да, многие авторы блога, создают себе логотипы для блога. Рисовать логотип научимся и мы, но позже.

Как же выглядит favicon? Лично у меня он выглядит так:
  Как видно на картинке, в адресной строке и вкладке отображается мини логотип блога BeeNetwork. Правда долго не мог определится, что нарисовать в Favicon. Но все решилось, когда увидел логотип компании «BEE LINE». )))
Ну что делать, вдохновение приходит со временем. Ну ладно! Теперь приступим к установке Favicon на ваш блог.
Первое что хочу сказать… Вам не обязательно придумывать и рисовать свой логотип, тем более если Вы еще не имеете представление по работе с «PhotoShop». (Что Я вам так же рекомендую немного изучить.)
Мы найдем для своего блога готовое решение. У меня уже иконка есть, поэтому придумаем любой проект, скажем на тему «Любовь» — прекрасно правда…
Соответственно имея блог про любовь, нам нужна иконка которая будет это характеризовать. Для любви характерно сердечко! )))
Открываем уважаемый Яндекс и просим его найти картинки под названием «иконки сердце».
В результате поиска, Я нашел вот такую картинку:
  Эта картинка ведет на сайт с которого можно скачать целый архив таких иконок. После того как скачал, нашел понравившуюся из всего каталога. Очень хороший архив, он содержит иконки в формате .png с прозрачным фоном.
Теперь нам нужно превратит иконку в Favicon с сохранением прозрачного окна. На сегодняшний день, я знаю только один самый крутой сервис по созданию Favicon. Конечно, есть огромное количество таких инструментов, но не все работают качественно как этот «favicon.ru»
Переходим на сервис и указываем в нем путь к иконке на вашем ПК.
Затем жмем «Создать Favicon.ico!»
Все! Ваша иконка создана и её можно скачать на свой ПК. Затем установить на сервер! Скачиваем иконку… )))

Как установить Favicon на сайт

Саму иконку, закидываем в корень сайта. Но для того чтоб вывести иконку, нужно прописать небольшой код в заголовке блога.
Копируем код:

<link rel="icon" href="/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">

Этот код вставляем в файл «header.php», перед тегом «</head>». Как редактировать файлы можно прочитать тут. )))
Затем сохраняем изменения и чистим кеш в браузере. Только после очистки кеша, вы сможете увидеть свою новую иконку.

http://beenetwork.ru/dop-urok-6-favicon-delaem-blog-uznavaemym.html