После создания сайта, блога, интернет-магазина вам скорее всего захочется изменитьстандартные иконки ресурсов (Blogger и т.д.) или CMS (Modx, Drupal). В этой статье расскажу как сменить иконку сайта, которая отображается в поиске и во вкладках браузера.
Как установить иконку для блога на blogger я писал в прошлой своей статье. Данный способ является универсальным и простым.
Готовые наборы иконок можно найти в поиски Google.Картинки по запросу "favicon"
После того как выбрали себе иконку её необходимо загрузить на сайт, воспользовавшись менеджером загрузки файлов, или через админку хостинга.
Лучше всего загрузить картинку в корень сайт, или в папку img. Не стоит делать фавикон ссылкой на другой сайт, это увеличит загрузку сайт. При удаление или отказе сайта, хостинга где расположено изображение иконка отображаться перестанет. Все файлы и скрипты лучше загружать на хостинг - это более надежно и безопасно.
Перейдем к вставке кода, его необходимо будет вставить в шаблон сайт, перед закрывающемся тегом head, данный тег расположен в самом верху, или воспользуйтесь поиском CTRL+F найти вам надо </head>
Добавьте следующий код, заменив текст на ссылку иконки.
<link href='ссылка где хранится иконка/favicon.ico' rel='shortcut icon'/>
<link href='ссылка где хранится иконка/favicon.ico' rel='icon' />
Для анимированной картинки используйте gif и следующий вариант кода
<link rel="icon" href="ссылка где хранится иконка/favicon.gif" type="image/gif">
Для png изображения необходимо указать в type тип png
<link rel="icon" href="ссылка где хранится иконка/favicon.png" type="image/png">
08 марта 2015, 03:05