Favicon для Blogger - иконка блога


 Сегодня мы Вам расскажем, как при помощи небольшого кусочка кода добавить в оформление блога вместо " Favicon Blogger от Блоггера свою собственную иконку.

Для того, чтобы заменить стандартный Favicon делаем следующее:
1. Создаём авторскую или находим в Интернете иконку размером 16X16 или 22x22 пикселей;
2. Сохраняем картинку на диске с расширением .png;
3. Загружаем favicon в сеть. Можно на любой бесплатный фото-хостинг, например, radikal.ru или ipicture.ru. Или же вставляем изображение в один из постов своего блога - Favicon сео-аспиранта;


4. Заходим в панель управления блога на вкладку "Изменить HTML" и ищем в коде строчку 
head> Этот тег означает конец раздела кода, в котором хранится служебная информация, не отображающаяся в теле блога (ключевые слова, описание, стили CSS, информация об авторе). Перед этой строкой вставляем следующий код:


Вместо favicon.png не забудьте указать адрес ранее сохранённой вами иконки. Сохраняем!

При работе с Internet Explorer возможно возникнут некоторые проблемы с отображением Favicon. Чтобы это исправить, попробуйте добавить сайт в избранное.
Также, попробуйте неплохой  сервис для создания анимированных favicon: http://www.favicon.cc/, а также русскоязычный сервис http://favicon.ru/ . 


СПОСОБ №2
После долгих моих мучений с этим методом нашел более легкий способ рекомендую его:
1. Выбираем нужное изображение

2. Заходим на www.graphicsguru.com/favicon.php, вставляем путь к нашему файлу, генерируем, сохраняем на жестком диске. (Множество готовых иконок для Blogger можно взять здесь: www.iconj.com/).
3. Идем сюда: www.iconj.com/icon_generator.php, нажимаем кнопку "Обзор" и выбираем путь к сохраненному favicon. Жмем Upload.


Файл попал на FavIcon.ico file Hosting (на "вечное" хранение). Копируем полученный код для вставки в шаблон.
4. Заходим в "Макет" блога, "Изменить HTML" (не забываем про резервное копирование). Вставляем ранее полученный код после и перед :


 5. Сохраняем шаблон.

Share on Google Plus

About А.А.

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.
    Blogger Comment

0 коммент.:

Отправить комментарий

Напишите свой отзыв