Иконка сайта или Favcon для Blogger ~ БелиберDA

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

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

На сколько известно практически каждый сайт в интернете имеет свою иконку, так называемую favicon, которая отображается в адресной строке, в списке закладок и.т. делая каждый сайт немного индивидуальнее. Все же блоге на blogspot.com имеют стандартное лого Блоггера. И при этом не каждый знает что каждый пользователь может сделать свою 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 не измениться до тех пор пока не добавите сайт в закладки не перезгрузите браузер.

Ярлыки: blogger, favicon

6 коммент.:

Julja комментирует...: а есть способ быстро в этом самом html найти head - а то блн глаза устают искат - три чса парилась та и не нашла; 7 февраля 2009 г. в 00:11
Unknown комментирует...: Julja, конечно есть!
Нажми Ctrl+А и в появившемся окне поиска вводи то, что нужно найти ;); 7 февраля 2009 г. в 07:10
zabavniy комментирует...: круто, теперь у меня своя иконка))); 8 мая 2009 г. в 20:00
Ant комментирует...: все сделал как вы и сказали но ничего не произошло!!! как и с админкой!!! помогите плиз!!!; 5 июня 2009 г. в 19:45
DekSter комментирует...: Julja? а его и искать особо нечего)) Как правило этот тег находится после всех CSS тегов =)

Ant, с админкой итак ничего не произойдет! Ты меняешь иконку только на своем блоге...; 19 июля 2009 г. в 19:58
Макс комментирует...: там head дофигища скажите где именно она?; 5 ноября 2010 г. в 23:02

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

БелиберDA