Как помочь читателю запомнить ваш блог на Blogger

Агентство Buy in bg - недвижимость в
Болгарии по невысоким ценам.
Здравствуйте, дорогие читатели! Блогов в Интернете много. Очень много. И их количество продолжает расти с каждым днём.

Как помочь читателю запомнить Ваш блог на Blogger? Что первое бросается в глаза при знакомстве с блогом?
    
Хочу предложить Вам для сравнения две картинки. На первой – фрагмент закладок. Все блоги в закладках – на нашей горячо любимой бесплатной платформе Blogger.

     На второй картинке – блоги на той же платформе. Единственная разница – стандартная иконка возле названия (фавикон) изменена. Вместо красивой, но часто встречающейся буквы “B” на оранжевом поле – авторские значки.

     Мне кажется, второй вариант делает закладки веселей и позволяет быстрей находить нужный блог, не вчитываясь в название.
     Попробуем помочь новому читателю запомнить наш блог на Blogger.
     В качестве примера я выбрал реальный блог “Обывательские разговорчики”, находящийся в стадии разработки.

1. Выбираем Картинку для фавикон
Можно создать иконку самому с помощью графического редактора. Можно скачать уже готовую из многочисленных библиотек изображений.
     Я решил использовать подходящую картинку из своих коллекций на жёстком диске. Пусть это будет изображение котелка – типичной шляпы городского обывателя начала XX века.

2. Загружаем картинку на сервис

Существует большое количество сервисов, предлагающих услуги по созданию иконок. Я выбрал Favicon from Pics. Это бесплатно и не требует регистрации.

     Загружаем нашу картинку с жёсткого диска и нажимаем кнопку Generate Favicon.ico. Перед нами появляются два варианта иконки – статичный и анимированный. В настройка данного сервиса можно добавить к иконке рамку и текст, но сейчас останавливаться на этом не будем.

     Нажимаем на ссылку Download и скачиваем иконку на свой компьютер.

Распаковываем архив. Я выбрал анимированный фавикон в формате gif.

3. Хранилище картинок

Выбранный вариант иконки загружаем на сервис хранения изображений и получаем прямой адрес картинки:

http://www.7image.ru/pics/0810/55027939.gif

Копируем следующий код:

<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 упростил процедуру вставки фавикон, приём, описанный в этой статье потерял актуальность!

Сергей Мазураш aka Retliff Блоггер со стажем. Стиль публикаций отличается простотой изложения и весёлым, ироничным подходом к самым серьёзным проблемам. Cпециализируется на создании и продвижении бесплатных блогов на платформе Blogger.

Твитнуть