27 июн. 2011 г.

Меняем значок FavIcon Blogger на свой

Иконка  или значок favicon - это фирменный знак любого сайта или блога. Хранится она по адресу: http://ваш_сайт/favicon.ico

По умолчанию на Blogger у каждого блога она стандартная и, до недавнего времени, заменить её не было возможности. В браузере выглядит это вот так:


Что это значит для вашего постоянного читателя? А то, что ему сложно отличить ваш ресурс от других на Blogspot.com. Все блоги выглядят как братья близнецы.

Не все готовы были мириться с этим, я в том числе, поэтому делали попытки обойти это и хранили свои иконки на других серверах, делая перенаправление. К сожалению, не всегда это срабатывало безотказно.

Но всё меняется, платформа Blogger развивается, и, я вас поздравляю, вы можете официально поменять иконку Blogger на свою!

Для этого заходим в  Панель инструментов > Дизайн и видим, что появилась новая функция и значок блога теперь можно изменить.

Итак, готовим картинку квадратного размера, переводим её в нужный формат favicon.ico, чтобы это сделать заходим на страничку: http://www.tools.dynamicdrive.com/favicon/, загружаем свою картинку, создаём иконку и скачиваем (см. последовательность действий на рис.):


Ваша иконка готова, осталось её загрузить в Blogger, нажав Изменить в поле Значок:


Если вы всё сделали правильно, ваш значок поменяется и через день-два в браузере вы увидите, свою иконку. Как на моём блоге Лучше быть здоровым и богатым, например:


Будьте уникальны, теперь это доступно каждому!

30

Ольга Васильева

Спасибо за эту информацию.Давно собираюсь поменять, но способы всё какие-то трудные попадались, а этот очень хорош. Благодарю.

Светлана Ковалева Светлана Ковалева

Пожалуйста, Ольга! Да, действительно, способ самый лучший и простой, потому как предложен разработчиками.

Ольга Васильева

только почему-то не загружается на блог....пишет недопустимый формат.....как это исправить?

Светлана Ковалева Светлана Ковалева

У меня также было, Ольга, когда я зашла через Mozilla, а в браузере IE всё получилось. Вы в каком браузере работаете?

Ольга Васильева

Я в Мозилле. Всё получилось в Гугл Хроме. Спасибо.Жду картиночку в браузере.

Светлана Ковалева Светлана Ковалева

Поздравляю, Ольга! Я уже увидела изменения у вас в блоге.

Андрей, Елена Рыбкины

Спасибо, Светлана!
Давно подбирался к этой теме - и вот тебе ответ!!!

Светлана Ковалева Светлана Ковалева

Пожалуйста, Андрей, рада помочь!

КатеринаКвашонкина

Светлана, спасибо - пробую!

Светлана Ковалева Светлана Ковалева

Пожалуйста, Катерина! Неделю как эта функция уже доступна в основном Дизайне Bloogger.

КатеринаКвашонкина

4 дня прошло - пока тишина, то есть стандартная В пропала, а моя картинка не появилась пока. Жду дальше.

Светлана Ковалева Светлана Ковалева

А в Дизайне значок изменился, Катерина?

КатеринаКвашонкина

Света, здравствуйте - нет, белый квадрат был, я думала так и надо. Только что еще раз попробовала, в дизайне появился мой квадратик - жду снова. Спасибо. (Очень неловко себя чувствую от таких спешных вопросов, которые сами со временем разрешаются, много таких вопросов бывает?)

Светлана Ковалева Светлана Ковалева

Всё появилось уже, не переживайте, Катерина!:)

Gulnoz

Светлана, а Вы не посоветуете как вставить картинку в gif формате? Дело в том, что у меня такая штучка есть, но она не квадратом, а прямоугольником. А самое главное, что мне нравится, это то, что она движется. Вот я такую хочу поставить, а в указанном ресурсе делает из прямоугольника квадрат - вся эстетика пропадает, а в блоггере - квадрат. Моя такая: http://3.bp.blogspot.com/_PAhMOZwEadI/TEcMsTRU2vI/AAAAAAAAKnM/n_Ug1GWCr6g/s1600/knopka_g.gif

Светлана Ковалева Светлана Ковалева

Вставьте в гаджет Картинка по URL, либо в гаджет HTML/JavaScript этот код:

<img border="0" heght="31" src="http://3.bp.blogspot.com/_PAhMOZwEadI/TEcMsTRU2vI/AAAAAAAAKnM/n_Ug1GWCr6g/s1600/knopka_g.gif" wight="88" />

Не совсем поняла куда вы хотите установить этот баннер и о каком ресурсе идёт речь.

Gulnoz

Я хотела установить ее в то самое место, о котором говорится в посту. Видела у нескольких такое творение.

Сегодня решила попробовать обычную картинку и все равно не получается. Следую Вашим рекомендациям, но при попытке установить скачанный фавикон, блоггер говорит, что "Недопустимый тип файла". Пробую вставить просто картинку, но не получается разрезать ее ровно квадратом, хотя в пикселях ставлю 10*10.

Gulnoz

Все, решился вопрос: изменила в фотошопе до квадратика обычную jpeg картинку. Она у меня установилась, но не показывалась сначала. По по совету Светланы из другого блога: "сходите по адресу http://адрес вашего блога/favicon.ico", фавиконка стала работать в ту же минуту.

Unknown

Спасибо за статью! В дизайне иконка поменялась, надеюсь скоро на сайте обновится)

Unknown

Так значит еще и ждать надо?! Раньше вроде как сразу грузились, я полдня на это убил :))) то форматировал, то фотошопил, а оказывается нужно просто подождать?

Marselle

У меня в дизайне браузера хром отображается иконка, а на самой странице нет:( херня какая-то...я еще сижу в сафари, там все норм отображается:)

Светлана Ковалева Светлана Ковалева

Marselle, время видимо мало прошло. Все отобразиться, кэш почистите чтобы ускорить процесс или подождите.

Олеся

Здравствуйте. Если над шапкой сайта появился код - это что-то не так? Гляньте, если не трудно. http://corolesja.blogspot.com/

Светлана Ковалева Светлана Ковалева

Здравствуйте, Олеся! Это вас надо спросить, что не так и для чего вы этот код загнали в шаблон). А если серьезно, удалите его, всего и делов. Мой вам совет, прежде чем вносить изменения в шаблон, делайте бэкап: http://blogger.vipbiz.org/2011/06/rezervnoe-kopirovanie-shablona-blogger.html

Олеся

Шаблон не трогала, сделала как в вашей статье: Панель инструментов > Дизайн > значок

Светлана Ковалева Светлана Ковалева

Если бы вы сделали как в статье, у вас появился бы значок, а так не могу знать что вы там делали. У вас ссылка на изображение на радикал.ру и на иконку непонятного сайта, у меня антивирусник ругается. Попробуйте удалить иконку что ли, может поможет.

Олеся

Светлана, вы были правы, это мой неудачный предыдущий опыт, который я вроде бы стерла, но не нажала, наверное, сохранить изменения. Фавикон (который делала по вашей шпоргалке) пока не появился.

Светлана Ковалева Светлана Ковалева

Появится, если в дизайне стоит, увидите и в браузере через какое-то время.

Unknown

Да ненужно ждать. Обновите кеш браузера и все. Или зайдите с того браузера, с которого еще ни разу не заходили на "данный сайт". Фавиконки меняются владельцами ресурсов крайне редко и потому разумно хранить их в локальном кеше пользователя, для более быстрой загрузки и (в давние времена) для экономии траффика.

Unknown

Какого размера надо поставить чтобы значок изменился? у меня 71х71 сохранилось но на самом сайте не появляется!

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