Вставляем RSS иконку в блог

1. Сначала нам необходимо подобрать красивую RSS-иконку. Для этого зайдите в http://www.google.ru/ напишите в окне поиска слово RSS и перед вами откроется целая галлерея иконок, где каждый подберет иконку на свой вкус.

или можно зайти на сайт http://rssicons.ru/.
Когда вы определитесь с выбором кнопки нажимайте на "Изображение", затем правой кнопкой мыши по выбранной картинке и "Сохранить изображение как". Сохраните изображение в папку "Мои картинки RSS" или на Рабочий стол. Далее, вместо адреса выделенного красным, вставьте адрес своего фида, а вместо адреса, выделенного синим адрес своей картинки.


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

Загрузилась картинка. Далее нажимаю на изменить HTML и скопирую код этой картинки  в блокнот он будет выглядеть вот так:

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUjPIr2Fa5ZWdWORslV2kr13nVtzVE89c-zA2IXQ75LZvRjhb-5NR41-0OzRick4THb_nzV5oALWAeC4sLZJSKqRshsjTd1NoVgl2P9tJvwCu51sz-Zzldczb9rLGS45liYdwHVh0485H2/s1600/306.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUjPIr2Fa5ZWdWORslV2kr13nVtzVE89c-zA2IXQ75LZvRjhb-5NR41-0OzRick4THb_nzV5oALWAeC4sLZJSKqRshsjTd1NoVgl2P9tJvwCu51sz-Zzldczb9rLGS45liYdwHVh0485H2/s1600/306.gif" /></a></div>

Из кода нашей картинки, нам нужен только адрес, выделенный черным, вот его мы и скопируем в наш код для подписки на RSS:

<a target="_blank" href='http://feeds.feedburner.com/blogspot/shporablogger'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUjPIr2Fa5ZWdWORslV2kr13nVtzVE89c-zA2IXQ75LZvRjhb-5NR41-0OzRick4THb_nzV5oALWAeC4sLZJSKqRshsjTd1NoVgl2P9tJvwCu51sz-Zzldczb9rLGS45liYdwHVh0485H2/s1600/306.gif " /></a>

Далее нажимаем "Дизайн", "Добавить гаджет" из списка гаджетов выбираем "HTML/JavaScript" и вставляем полученный код выше в этот гаджет. Название впишите на своё усмотрение: "Подпишись на мой RSS", "Подпишись на обновления в блоге" и т.п.

"HTML/JavaScript"

2. Если вы хотите, чтобы посетитель вводил в форму подписки сразу свой email адрес, тогда идём в сервис http://feedburner.google.com/, где мы регистрировали наш RSS-канал и копируем код формы подписки. Стрелочками показано куда нажимать:

Далее открывается окно,  в котором мы меняем язык на "русский",
желтым цветом я обвела наш код подписки, ниже выбираем Blogger нажимаем Go!

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

В поле "Название" вы пишете "Подписка через email" или др. А в коде меняем следующее.
Для удобства можно скопировать код в блокнот, там сделать изменения.
Или, можно редактировать код, в уже добавленный виджет в сайдбаре.
Итак, смотрим, это мой код (не копируйте его себе)
сейчас я выделю черным то, что необходимо заменить на русский язык.

<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/shporablogger', 'popupwindow', 'scrollbars=yes,width=180,height=180');return true"><p>Enter your email address:</p><p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="blogspot/shporablogger" name="uri"/><input type="hidden" name="loc" value="ru_RU"/><input type="submit" value="Subscribe" /><p>Delivered by <a href="http://feedburner.google.com" target="_blank">FeedBurner</a></p></form>

Если у вас форма подписки хорошо подходит по ширине в сайдбаре
(Сайдбар - это боковая панель слева или справа, где собрана дополнительная информация и навигация блога),

то в коде размер можно не менять 180х180. У меня хорошо подходит.

Ниже читайте, какой текст изменить в коде.  

<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/shporablogger', 'popupwindow', 'scrollbars=yes,width=180,height=180');return true"><p>введите свой email адрес:</p><p><input type="text" style="width:140px" name="email"/></p><input type="hidden" value="blogspot/shporablogger" name="uri"/><input type="hidden" name="loc" value="ru_RU"/><input type="submit" value="Подписаться" /><p>Сервис<a href="http://feedburner.google.com" target="_blank">FeedBurner</a></p></form>

 
Ну вот, урок закончен, форма подписки у вас в блоге.

 Вопросы пишите в комментариях.

Наталья