Как изменить иконку блога? (Блоггер)

Очередная заметка о настройках  Блоггера.

После того как мне удалось избавиться от навигационной панели, я задалась целью изменить еще один узнаваемый элемент Блоггера - большую белую букву "В" в оранжевом квадрате.

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

Как изменить иконку блога на Блоггере.

Пошаговая инстукция. 

Шаг.1  Для начала выберите себе favicon, который хотите сделать иконкой блога. Его можно нарисовать самостоятельно или  найти готовый. Формат иконки может быть  .ico или .png, а размер желательно 16х16. 

Можно воспользоваться онлайн генератором иконок (очень удобно)

Шаг.2 Загрузите иконку в интернет на  другой сайт или любой графический хостинг (на Блоггере картинки не хранятся). Получите ссылку.

Шаг.3 Заходим в Блоггер => Дизайн => Изменить HTML

С помощью Ctrl+f  находим строки:

<title><data:blog.pagetitle/></title>

Сразу под этой строкой нужно вставить:  

<link href="ССЫЛКА" rel="shortcut icon" type="image/vnd.microsoft.icon"></link>

Вместо слова ССЫЛКА вставьте ссылку на ваш favicon (иконку)

Сохранить.
Готово!

Полезные ссылки:

Генератор фавиконов - www.favicon.cc