3.15.2009

Иконка сайта 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>

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




Последние комментарии