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

понедельник, 29 декабря 2008 г.

На сколько известно практически каждый сайт в интернете имеет свою иконку, так называемую favicon, которая отображается в адресной строке, в списке закладок и.т. делая каждый сайт немного индивидуальнее. Все же блоге на blogspot.com имеют стандартное лого Блоггера. И при этом не каждый знает что каждый пользователь может сделать свою favicon для блога.


Favicon


Это достаточно просто и потребует от Вас скорее навыков в использовании графических редакторов, нежели знаниq web-программирования ;-)


Во-первых в любом графическом редакторе (Adobe Photoshop, Paint.net, GIMP и т.д.) необходимо создать изображение размером 16X16 или 22x22 пикселя. Использовать можно что угодно, ограничения лишь в размере иконки, поэтому изображение должно быть простым, но и в тоже время оригинальным.


Сохранить ваше тварение необходимо с расширением .png или .ico : Блоггер поддерживает оба формата.


Далее необходимо загрузить иконку на хостинг в сети. Или прям в плоггер, в черновике и взять оттуда прямую ссылку на favicon


Теперь через панель инструментов Blogger переходим в "Изменить HTML" и в коде шаблона находим строчку: </head> и перед ней добавляем следующий код:
<link href='http://your-icon-url.png' rel='shortcut icon'/>
<link href='http://your-icon-url.png' rel='icon'/>
Теперь необходимо заменить в обоих стоках http://your-icon-url.png на адрес вашей иконки, которую Вы ранее загрузили в сеть и сохранить шаблон.


Примечание: если Вы используете Internet Explorer, то favicon не измениться до тех пор пока не добавите сайт в закладки не перезгрузите браузер.

Ярлыки: ,

6 коммент.:

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

а есть способ быстро в этом самом html найти head - а то блн глаза устают искат - три чса парилась та и не нашла

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

Julja, конечно есть!
Нажми Ctrl+А и в появившемся окне поиска вводи то, что нужно найти ;)

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

круто, теперь у меня своя иконка)))

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

все сделал как вы и сказали но ничего не произошло!!! как и с админкой!!! помогите плиз!!!

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

Julja? а его и искать особо нечего)) Как правило этот тег находится после всех CSS тегов =)

Ant, с админкой итак ничего не произойдет! Ты меняешь иконку только на своем блоге...

Макс комментирует...

там head дофигища скажите где именно она?

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