понедельник, 12 января 2009 г.

Создание и устанока favicon для блога


favicon — это небольшая картинка (иконка), которую Вы видите в адресной строке браузера.


Например, у Blogger она вот такая: . По умолчанию такая иконка есть у всех блогов на blogspot. Если Вы просмотрите другие сайты, то увидите, какие у них интересные иконки. Наверняка, и Вам захочется поставить себе на блог такой опознавательный значок. Сделать это можно так:



Для того чтобы создать favicon воспользуйтесь онлайн-сервисом favicon.ico Generator. Как видите favicon состоит из 16x16 пикселей. Вы можете создать иконку в редакторе или загрузить готовое изображение, которое будет превращено в иконку.



Blogger Russia
Например, для своего блога я создал вот такую картинку, которая говорит, что блог ведёт Российский блоггер. Для того чтобы создать иконку из этой картинки необходимо в сервисе favico.ico Generetor выбрать Import Image и загрузить картинку с жёсткого диска компьютера. Ниже необходимо решить вопрос о сохранении пропорций картинки. Затем в редакторе появится Ваша будущая иконка. Выполните необходимое редактирование и нажмите Download Favicon для сохранения иконки. В качестве имени файла используйте favicon.ico.
Вот такая иконка у меня получилась: favicon



Теперь загрузите файл favicon.ico на любой хостинг. Я использовал Народ.Ру.



Теперь изменим шаблон блога, для того чтобы установить иконку. Найдите тег </head> и вставьте перед этим тегом следующий код:



<link rel="icon" href="путь к файлу favicon.ico" type='image/x-icon'/>
<link rel="shortcut icon" href="путь к файлу favicon.ico" type='image/x-icon'/>

Не забудьте сохранить шаблон.


Теперь просмотрите Ваш блог. Иконка должна измениться. Если этого не произошло, то обновите страницу.



Благодарность в создании материала
Спасибо Светлане за информацию о правильном размещении favicon в коде HTML .

17 коммент.:

Бес Целлер комментирует...

В Опере вашей фавиконки почему-то не видно.

IvanXP комментирует...

Действительно, не видно. Спасибо, за информацию. Буду искать пути решения. Как найду так подредактирую этот пост.

IvanXP комментирует...

Разобрался. Google Sites делал редирект на другой адрес. Opera, видимо, не поддерживает такие фокусы. Сейчас разместил иконку на Народ.ру и всё стало в порядке.
Ещё раз спасибо.

IvanXP комментирует...

Ох, сложновато это. Поменял хостинг файла - favicon исчезла из Firefox, а в Opera появилась. Долго мучился и пришёл вот к такому решению:
<link href='http://sites.google.com/site/ibloggerman/icons/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='http://sites.google.com/site/ibloggerman/icons/favicon.ico' rel='shortcut icon' type='image/x-icon'/>
<link href='http://ivanxp.narod.ru/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='http://ivanxp.narod.ru/favicon.ico' rel='shortcut icon' type='image/x-icon'/>

Сергей комментирует...

Народ, это глупость! На самом деле гораздо проще создать файл favicon.ico и через ФТП залить в папку public HTML. И ещё - заходите на мой блог про брейк-данс - bboy.su

Zefir комментирует...

Спасибо за инфу!! Будем пробывать ))
З.ы. Только если я не ошибаюсь, то на Народе нельзя загрузить *.ico ...

IvanXP комментирует...

Почему же нельзя. А как Вам это:
http://ivanxp.narod.ru/favicon.ico
Используйте FTP-доступ и загружайте всё что угодно!

Zefir комментирует...

Действительно работает! Уже открываю Фотошоп для рисования иконки ))

RsnAdult комментирует...

можно поподробнее
какая из папок является public?
и нужно ли логиниться при соединении через фтп клиент?
при простом соединении понятное дело ничто никуда не заливается

IvanXP комментирует...

Не важно куда Вы положите favicon.ico. Важно указать прямую ссылку к этому файлу.

Словак комментирует...

Хорошее решение проблемы!
Спасибо!

Alex Smith комментирует...

Хотелось бы поинтересоваться, а как скоро появляется иконка после добавления ссылки в шаблон перед закрывающимся тэгом head ???

IvanXP комментирует...

Если Вы по-прежнему видите старую иконку, то всё дело в кешировании страницы браузером. Очистите кеш и Вы увидите новую иконку.

Alex Smith комментирует...

IvanXP,Спасибо. В Опере - появился, а в Google Chrome - пока нет, хотя и кэш и всю историю, всё что можно вычистил.Может появится и в Хроме со временем?

IvanXP комментирует...

Конечно. Время всё лечит. ;-)

Алексей Куликов комментирует...

не работает!
и видимо этот сайт уже закинут!?

IvanXP комментирует...

favicon.cc работает.
А этот блог никуда не закинут (слово то какое!), а просто временно не обновляется. Дела, знаете-ли.

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

Примечание. Отправлять комментарии могут только участники этого блога.

 
item