Как Добавить Иконку Блога (Favicon) в шаблон на Blogger.com?

Система создания бесплатных блогов Blogger.com — отличный способ создать свой первый ресурс для Интернет заработка. Создание бесплатного сайта на Blogspot.com занимает всего несколько минут, а если еще добавлять качественный контент на свой сайт, то можно легко пробраться в топ и получать прибыль от контекстной рекламы, например от Google Adsense.

Многие блогеры на определенном этапе развития своего ресурса начинают задумываться над дизайном и простотой использования своего Интернет дневника. Скачать и установить бесплатную тему для Blogger.com, можно тоже в считанные минуты, так как есть огромное количество бесплатных дизайнов для использования на своих бесплатных блогах. Но многие так же хотят установить свою персонализированную иконку — Favicon.

Для начала давайте разберемся, что такое Favicon?

Favicon (сокращенно от favorites icon — избранная иконка), также данное понятие известно как веб-сайт значок, ярлык, URL иконка или значок закладки. То есть квадратный значок в 16 × 16, 32 × 32 или 64 × 64 пикселей, который привязанный к определенному веб-сайту или веб-странице. Веб-дизайнер (или простой веб-мастер, который знает какие инструменты использовать) может создать такой значок (Favicon) и установить его на свой веб-сайт или блог.

После данной установки, большинство графических браузеров будет использовать данную иконку. Браузеры, которые поддерживают значки Favicon, чаще всего отображают иконку страницы в браузере (возле адресной строки), рядом с названием страницы — если сайт был сохранен в закладки.

Не смотря на то, что Blogger.com это система бесплатного хостинга Интернет блогов, вместе с исходником шаблонов, Вы можете добавлять и редактировать иконки своего блога. Для этого, надо создать свою иконку в Photoshop (установив специальный плагин, для сохранения картинок в формате .ico) или найти интересную квадратную картинку и просто конвертировать ее в формат Favicon — .ico.

Для добавления значка своего блога в Blogger.com надо проделать 3 простых шага.

1. Если у Вас нету готового файла Favicon, в формате .ico, можно просто ее сгенерировать. Для этого идем на сайт бесплатного генератора и делаем парочку простых движений.

Ссылка для посещения — http://www.favicongenerator.com/

2. После того, как у Вас появится новоизданная иконка, ее надо будет загрузить на какой-то бесплатный хостинг картинок. Как по мне, ImageShack справится на все 100%.

Ссылка для посещения — http://www.imageshack.us/

3. Теперь, заходим в админку Вашего блога, и двигаемся в таком направлении — «Дизайн» — «Изменить HTML». Находим разметку «</head>». Мой пример:

<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head> ...

}

]]></b:skin>
</head>

После этого, редактируем данный код и вставляем его до «</head>», где «URL Вашей иконки» — ссылка на Вашу иконку, которую Вы загрузили.

<link href='URL Вашей иконки' rel='shortcut icon'/>
<link href='URL Вашей иконки' rel='icon'/>

Спасибо за Ваше внимание, надеюсь, что данная установка сделает Ваш сайт еще более привлекательным. В последующих статьях остановлюсь детально на иконках сайта и расскажу, какую пользу можно от них извлечь. Если появились проблемы во время установки, можно оставлять комментарии. Еще хочу напомнить, что могу так же помочь с установкой и настройкой бесплатного шаблона для Blogspot.com или любыми другими вопросами, которые касаются системы Blogger.com.