Иконка сайта, favicon, которая отображается на вкладке маленьким значком, это по большому счёту украшательство.
Но красивая иконка сайта сделает его заметнее - конечно, стандартная favicon на блогодвижках Blogger тоже ничего, но она одна и та же у всех на Blogger. Оригинальная иконка это и лицо сайта, и хороший тон дизайнера. Сделать favicon самому нетрудно, а для размещения её потребуется вставить только одну строчку в код шаблона. Итак , заводим себе аккаунт на любом хостинге картинок (та же Picasa подойдёт), берём любой графический редактор и создаём favicon ico за пять минут. Читаем - дальше и не паримся с программами.
Для этого не нужны графические редакторы!.
- Лезем в Google.Картинки и ищем что-нибудь. Не забываем указывать в запросе: «+png» для поиска сразу готовых PNG-изображений (ну или GIF). Главное, чтобы изображение было несложным - помните, ваш холст всего 22х22 пикселя!
- Сохранив картинку, идем на другой полезный ресурс: Favicon.ru. Здесь загружаем картинку и получаем уже готовый файл ICO. Всё!
- Загружаем получившийся favicon на хостинг изображений, я например иногда использую PicHost (у него короткие ссылки на файлы) берём оттуда прямую ссылку на наш favicon.
Следующие шаги специфичны для блогохостинга Blogger, однако идея для других движков должна быть сходной. - Теперь заходим в Панель управления блогами в Blogger, нажимаем Макет и там - Править HTML.
- В коде блога ищем:
<title><data:blog.pagetitle/></title>
- Сразу под этим кодом вставляем такой:
<link href='http://где.ваша.картинка.png' rel='shortcut icon'/>
- Приведённый код должен быть между тегами
<head> ... </head>
- Сохраняем шаблон и перезагружаем страницу. Всё, теперь на вкладке должна появиться созданная иконка.
Кстати, Internet Explorer кэширует судя по всему иконки, поэтому для немедленного отображения иконки её просто нужно сдвинуть в адресной строке - мышкой. Firefox же, покажем Вам её сразу.
Ссылки:
Благодарю virens за этот пост.
2
0