Иконка сайта favicon для Blogger

Иконка сайта favicon для Blogger

Иконка сайта, favicon, которая отображается
на вкладке маленьким значком, это
украшение. Но красивая иконка сайта
сделает его заметнее - конечно, стандартная
favicon на блогах тоже ничего, но она одна
и та же у всех на Blogger. Оригинальная
иконка это и лицо сайта, и хороший тон
дизайнера. Сделать favicon самому
нетрудно, а для размещения
её потребуется вставить только одну строчку в код шаблона. Итак
, заводим себе аккаунт на любом хостинге
картинок (та же Picasa подойдёт), берём
любой графический редактор и создаём
favicon ico за пять минут.

Для этого нужно сделать следующее:
  1. Загружаем ваш
    графический редактор (Adobe Photoshop, GIMP...) и
    создаём изображение размером 16х16 или
    22х22 пикселя. Рисуем и создаём favicon -
    можно взять из элементов оформления
    блога или из любого понравившегося
    изображения. Главное, чтобы изображение
    было несложным - помните, ваш холст
    всего 22х22 пикселя!

  2. Сохраняем результат
    в
    формате png или
    ico.
    Есть мнение, что
    favicon
    ico
    предпочтительнее,
    однако
    favicon png так
    же
    хорошо отображаются (во всяком
    случае,
    Blogger-ом).

  3. Загружаем получившийся favicon
    на
    хостинг изображений, берём
    оттуда
    прямую ссылку на наш favicon.

  4. Теперь заходим
    в
    Панель управления блогами в
    Blogger,
    нажимаем Макет и там -
    Править
    HTML
    . В коде блога ищем:
<title><data:blog.pagetitle/></title>
Сразу под этим кодом вставляем такой:
<link href='http://где.ваша.картинка.png' rel='shortcut icon'/>
Приведённый код
должен быть между
тегами

<head> ... </head>
Сохраняем шаблон и перезагружаем страницу. Всё, теперь на вкладке должна появиться созданная иконка.

____________________________________________________________________________________________________









____________________________________________________________________________________________________
Похожие по тематике статьи :
*

0 коммент.:

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

Комментировать...