воскресенье, 11 мая 2008 г.

Добавление красивой картинки для RSS подписки в blogger

Добавление красивой картинки для RSS подписки в blogger.

rss, новости, рсс, feedburner

Каждый из вас наверняка видел на чужих блогах большие картинки с надписью - "Подпишись на новости этого блога через RSS", многие из вас наверняка видели на чужих блогах посты на подобие этого " Красивые кнопки для RSS", где собрано большое количество готовых изображений для RSS кнопок. И наверняка, некоторые из вас читали статьи наподобие этих “7 способов удержания посетителей“, где одним из первых идет совет - используйте хорошо заметную, большую кнопку для RSS подписки. А сейчас я расскажу как именно добавить на ваш блог эту самую "большую и хорошо заметную кнопку".
Во-первых, если вы не знаете, что есть RSS , то читайте статьи:
Реально простое получение информации - RSS, что за птица? Шаг шестой
RSS. Просто создай это, FeedBurning. Шаг седьмой
Все секреты установки email подписки на FeedBurner

Теперь, когда вы в курсе, что и зачем RSS и у вас есть адрес RSS ленты, наподобие этого
http://feeds.feedburner.com/wayblogger приступим.

Во-первых, вам надо загрузить картинку для блога на свой хостинг, поскольку blogger не предоставляет напрямую загружать картинки для своих нужд, вам потребуется сохранить понравившуюся картинку на жесткий диск, а затем прикрепить к одному из ваших сообщений, я например прикрепил к сообщению Реально простое получение информации - RSS, что за птица? Шаг шестой ну а теперь, когда изображение загружена просто перейдите к форме редактирования сообщения в режим "Изменить html" и найдите место где вставляется ваша картинка. Сделать это просто, нажмите в вашем браузере Ctrl+F который включит форму поиска на странице и введите название изображения под которым вы сохраняли его на компьютере. Например, для изображения с названием rss_icon.jpg код вставки будет выглядеть -

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3IV0hKde1Nh71J5nN4aZOlku57be7acHjDbtao2yM-HzKgeAFk9X91h3PO5zXNQYeCF3SnAB8G8mCDg_h40wu12m8ylDlPwLtCQ3oo9AtNwc_7VhEYhJ6AshuZTHhyeOLE5fs_h8zbig/s1600-h/images.jpg"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3IV0hKde1Nh71J5nN4aZOlku57be7acHjDbtao2yM-HzKgeAFk9X91h3PO5zXNQYeCF3SnAB8G8mCDg_h40wu12m8ylDlPwLtCQ3oo9AtNwc_7VhEYhJ6AshuZTHhyeOLE5fs_h8zbig/s320/rss_icon.jpg" alt="блог, учебник, раскрутка, блоггер" id="BLOGGER_PHOTO_ID_5194613522918839778" border="0" /></a>

скопируйте его куданибудь (например в Блокнот) и измените строчку href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3IV0hKde1Nh71J5nN4aZOlku57be7acHjDbtao2yM-HzKgeAFk9X91h3PO5zXNQYeCF3SnAB8G8mCDg_h40wu12m8ylDlPwLtCQ3oo9AtNwc_7VhEYhJ6AshuZTHhyeOLE5fs_h8zbig/s1600-h/images.jpg" на адрес своего RSS фида, например href="http://feeds.feedburner.com/wayblogger"

Ну вот, код для вставки кнопки в блог готов. Теперь просто перейдите в Макет>Элементы страницы и добавте элемент "HTML/JavaScript", вставте туда ваш код и сохраните изменения. Все, большая и заметная кнопочка для подписки на RSS готова!!!!




На главную страницу
Карта блога

Статьи по теме:



7 комментариев:

Анонимный комментирует...

Привет.
Конкретно в твоем случае картинка явно пережата.
Стоит нарисовать/поискать другую...

Spec комментирует...

Привет, поправил)

Анонимный комментирует...

Спасибо за пост, помог. Код с картинкой выглядит устрашающе, с посторонними хостингами всё намного проще.

Spec комментирует...

Nat , незачто! всегда приятно, когда узнаешь о том, что чем-то смог помочь;)

flood комментирует...

Огромное спасибо!

Spec комментирует...

Всегда пожалуйста)

Анатолий комментирует...

спасибо, я давно ищу как поставить такую кнопку. вот если бы еще и твитер был такой же то вообще было бы круто!