Подписка на блог Blogspot (Blogger) в сайдбаре
Для блога RSS подписка играет не последнюю роль. Подписавшиеся читатели обязательно получат обновление блога, а значит, могут вернуться для прочтения новой информации.
Подписка на блог Blogspot (Blogger) должна размещаться в сайдбаре или в красиво
оформленной шапке.Рядом с предложением подписаться можно разместить информацию о блоге, большую иконку RSS, а так же маленькие кнопки разных вариантов подписки.
Помимо главной, большой иконки подписки через feedburner, необходимо рядом расположить другие не менее значимые виды и варианты подписки, например:
Сама подписка через feedburner (большая иконка)
Осуществление подписки по Google Reader
Подписка через ленту Яндекса
Обязательно установить в сайдбаре счетчик читателей, если цифры внушительны они дополнительно стимулируют нового читателя подписаться.
Подписка - Вариант 1.
Итак, для начала создайте новый гаджет для HTML кода. Что бы сделать такой виджет который вы видите на картинке, нужно разместить вот такой код, с поправкой для себя:
<noindex>
<a href="http://feeds2.feedburner.com/ваше имя фида" rel="nofollow" title="Ваш текст который выводиться при наведении мышки" type="application/rss+xml"> <img alt="Текст описывающий картинку, который видит робот (не пользователь, можно не заполнять)" style="border: 0pt none;" src="URL ссылки на картинку или RSS иконку" />
</a>
<a href="http://feeds2.feedburner.com/имя вашего фида" rel="nofollow">
<img style="border: 0pt none; padding-bottom: 7px;" alt="" src="http://feeds2.feedburner.com/%7Efc/имя фида?bg=FF9900&fg=444444&anim=0" height="26" width="88" />
</a>
<p style="font-size: 11px; padding-bottom: 7px; text-align: justify;">Текст о блоге</p>
<a style="padding-bottom: 13px;" href="http://fusion.google.com/add?feedurl=http://feeds2.feedburner.com/Имя" rel="nofollow">
<img style="padding-top: 3px;" alt="" src="http://buttons.googlesyndication.com/fusion/add.gif" title="Читать в Google.Reader" height="17" width="104" />
</a>
<a href="http://lenta.yandex.ru/settings.xml?name=feed&url=http://feeds2.feedburner.com/ваше имя" rel="nofollow">
<img alt="" style="padding-top: 3px;" src="http://lenta.yandex.ru/i/addfeed.gif" title="Читать в Яндекс.Ленте" border="0" />
</a>
<a href="http://www.rss2email.ru/?rss=http://feeds2.feedburner.com/имя" rel="nofollow" title="Получать RSS-ленту на почту">
<img style="padding-top: 5px;" src="http://www.rss2email.ru/counter/rss2email_91x17_b.gif" border="0" />
</a>
</noindex>
Остальной текст добавляйте как вам надо, так же переместите иконки как нужно. Для управления иконками (лево, право) используйте <p style="ваши параметры">Иконки подписки</p>
Подписка - Вариант 2.
Подписка на блог внизу статьи. Мысли проста, пользователь, прочитав до конца статью, если понравиться то подпишется, не уходя с места.
Следующий код вставляется после элемента <data:post.body/>:
<noindex>
<div class='post-subscribe' style='vertical-align: middle'>
Текст свой или как на картинке<a href='http://feeds.feedburner.com/ваше имя фида' rel='nofollow'> <img alt='обозначение картинки для робота' src='URL ссылки на картинку' style='border: 0pt none; padding-right: 3px;'/>Название рядом с картинкой или RSS</a>, <a href='http://www.rss2email.ru/?rss=http://feeds.feedburner.com/имя' rel='nofollow'> <img alt='текст для робота' src='URL иконки' style='border: 0pt none; padding-right: 3px;'/>Текст рядом с иконкой или Email</a> или <a href='http://twitter.com/имя в твиттер' rel='nofollow'><img alt='' src='Ссылка на иконку' style='border: 0pt none; padding-right: 3px;'/>Название рядом с картинкой или twitter</a>! </div>
</noindex>
Так же нужно добавить стили в CSS:
.post-subscribe {
padding: 10px 0px 8px 0px;
font-size: 12px;
height: 30px;
text-align: center;
font-weight: bold;
border: 1px dashed #bfe3eb;
margin-bottom: 10px;
}
.post-subscribe IMG {
vertical-align: middle;
padding-top: 5px;
}
Все иконки лучше заливать на web.picasa (родной) или на любой другой сервис хранения фото
Комментариев нет:
Отправить комментарий