Агентство Buy in bg — недвижимость в
Болгарии по невысоким ценам.
Здравствуйте, дорогие читатели! Блогов в Интернете много. Очень много. И их количество продолжает расти с каждым днём.
Как помочь читателю запомнить Ваш блог на Blogger? Что первое бросается в глаза при знакомстве с блогом?
Хочу предложить Вам для сравнения две картинки. На первой – фрагмент закладок. Все блоги в закладках – на нашей горячо любимой бесплатной платформе Blogger.
На второй картинке – блоги на той же платформе. Единственная разница – стандартная иконка возле названия (фавикон) изменена. Вместо красивой, но часто встречающейся буквы “B” на оранжевом поле – авторские значки.
Мне кажется, второй вариант делает закладки веселей и позволяет быстрей находить нужный блог, не вчитываясь в название.
Попробуем помочь новому читателю запомнить наш блог на Blogger.
В качестве примера я выбрал реальный блог “Обывательские разговорчики”, находящийся в стадии разработки.
1. Выбираем Картинку для фавикон
Можно создать иконку самому с помощью графического редактора. Можно скачать уже готовую из многочисленных библиотек изображений.
Я решил использовать подходящую картинку из своих коллекций на жёстком диске. Пусть это будет изображение котелка – типичной шляпы городского обывателя начала XX века.
<link href=’http://your-icon-url.png‘ rel=’shortcut icon’/>
<link href=’http://your-icon-url.png‘ rel=’icon’/>
Меняем выделенные фрагменты на адрес картинки. У нас должно получиться:
<link href=’http://www.7image.ru/pics/0810/55027939.gif‘ rel=’shortcut icon’/>
<link href=’http://www.7image.ru/pics/0810/55027939.gif‘ rel=’icon’/>
4. Меняем код шаблона
Заходим в панель инструментов нашего блога. Выбираем Дизайн—Изменить HTML. На всякий случай сохраняем весь шаблон на жёстком диске.
Ставим галочку» “Расширить шаблон виджета”.
Находим в коде строчку </head>. Для этого нажимаем Ctrl+F и в открывшемся окошке (внизу слева) набираем </head>.
Перед этой строкой вставляем наш код и сохраняем шаблон. Теперь у нашего блога появилась замечательная иконка, которую можно увидеть в адресной строке браузера:
и в закладках:
Несомненно, читатели с лёгкостью будут находить Ваш блог, узнавая его среди миллионов собратьев :))), а находить информацию непосредственно на сайте легче, если на нём существует постраничная навигация.
Ваш Retliff
Дополнение 2011 года: С тех пор, как Blogger упростил процедуру вставки фавикон, приём, описанный в этой статье потерял актуальность!
Большое спасибо за интересный совет по индивидуализации блога. Обязательно попробую сделать.
А для Word Press тот же алгоритм вставления иконки?
Оригинально написано:) Я знала, как делать фавиконы, но было интересно об этом просто почитать.
Большое спасибо, дорогие комментаторы!
Рад хоть кому-то оказаться полезным!-)))
Кучерова Ольга — к сожалению WordPress для меня пока — тёмный лес =)
Думаю больше всего подсказок по этой платформе на Shakin.ru.
Отличный материал по фавикон для WordPress в блоге KtoNaNovenkogo.ru
Спасибо, мне идея показалась симпатичной, я вставила ее в свой план действий:)
Статья познавательная. Прочитал с удовольствием. Спасибо
Приветствую!
Подскажи, пожалуйста — все сделала правильно — а ничего не меняется. Уже облазила интернет, искала и там и тут — а все равно новая иконка не появляется?
Браузер — интернет эксплорер:)
Екатерина Сумкина — Привет! Проблема именно в браузере! Попробуйте перейти на ФайрФокс — это просто и быстро! Гарантирую, что увеличится скорость и появятся новые возможности!-)
Здравствуйте!
Спасибо за полезную информацию. Всё получилось! Только вот никак не могу разобраться на сайте Favicon, с тем, как загрузить статичную иконку, а не анимацию. Помогите пожалуйста. Спасибо!
P.S.
Кстати, чтобы правильно вставить и запустить у себя в блоге Favicon, мне пришлось удалить целый модуль в HTML-коде.
Анонимный — Из двух сохранённых на диск картинок выбирайте ту, которая в формате ico. — и получите статичный фавикон.
Для анимированного — идёт формат GIF
Формат легко определить щёлкнув на файле правой кнопкой мышки и выбрав "свойства"
Всё-равно не получилось. Загружаю фото на сайт: http://www.htmlkit.com/favicon/, выбираю в меню пункт скачать как: Download only favicon.ico (5.55 K), далее, получаю Архив ZIP — Win RAR, извлекаю gif и просто значок. Далее, иду на сайт: http://www.7image.ru/ и загружаю значок, но сайт мне выдаёт: Формат файла не распознан! Естественно, формат [значок] не существует. Так в чём проблема? Спасибо!
Анонимный — 7image перестал поддерживать формат ico — попробуйте любой другой хостинг изображений!-) Например — Picasa.
Расскажите, пожалуйста, начинающему блогеру, как сделать подписку. Когда я ставлю соответствующий гаджет на панель, у меня все на английском (submit, thank you for your reqest и т.д.), а у вас на русском подписка. Как это сделать?
Clear — На мой взгляд — самое подробное руководство есть на блоге "KtoNaNovenkogo" в статье "Как добавить и настроить RSS ленту в Feedburner, установка на сайт счетчика FeedBurner и формы подписки на RSS канал через E-mail — Часть 3"
Отлично. Спасибо, сработало.
Crome не показывает пока, а в Моззиле уже новый фавикон…
Вам как-то удалось сделать так, что и в Google Reader у Вашего потока присутствует соответствующий favicon, а не стандартная "В". Подскажите, пож — как Вам это удалось?
Большое спасибо за статью) Очень полезно)
В Хроме почему-то не показывает.Кто поможет ?
@ED
В конце статьи есть объявление о том, что описанный метод устарел. Если делать новым способом — необходимо подождать неделю, пока фавикон станет видимым.
Интересно не разу об этом даже и не думал. Атеперьнообходимо разбирать все по порядку.