Различные варианты подписки на обновления блога для Blogspot

вторник, 27 октября 2009 г.
Читать блоги можно двумя принципиально разными способами – заходить на конкретный сайт через веб браузер либо использовать RSS ридеры. Второй вариант более оперативен, автоматизирован и в какой-то степени удобен – вы получаете лишь содержимое блога, по сути, то, за чем пришли. Пока что на просторах рунета далеко не все используют преимущества RSS, тем не менее есть и «продвинутая аудитория». Чтобы получать тексты тех или иных блогов в свой ридер, посетитель сайта должен подписаться на блог. Сделать это можно несколькими способами.

1. Во-первых, я всегда в проектах размещаю сверху в сайдбаре информацию о блога, где можно почитать о чем вообще данный проект. Рядом идет характерная RSS иконка, кликая по которой пользователь сможет добавить мой блог в свой RSS ридер и читать его потом удаленно.

rss подписка

Как только я начинал свой путь в блогах, года 2 назад, проводились споры относительно величины изображения кнопки RSS, ее привлекающем оформлении. Я не сторонник каких-то радикальных мер, придерживаюсь лишь одного мнения – «если пользователь захотел подписаться на обновления блога, сделать ему это было просто и быстро». Очень часто (практически всегда) я добавляю к RSS иконке еще несколько кнопок:
  • подписаться через Google Reader
  • подписаться через Яндекс Ленту
  • подписаться через RSS2Email (либо подписка на почту через FeedBurner)
  • счетчик читателей – иногда он привлекает дополнительное внимание и стимулирует подписаться нового читателя.
Для этого использую следующий код (для своего блога нужно этот код подправить!):
<noindex>
<a href="http://feeds2.feedburner.com/Blogohelp" rel="nofollow" title="Подписаться на Blogohelp RSS" type="application/rss+xml">
<img alt="BlogoHelp RSS" style="border: 0pt none;" src="!!!Ссылка_на_RSS_иконку!!!" />
</a>
<a href="http://feeds2.feedburner.com/Blogohelp" rel="nofollow">
<img style="border: 0pt none; padding-bottom: 7px;" alt="" src="http://feeds2.feedburner.com/%7Efc/Blogohelp?bg=FF9900&amp;fg=444444&amp;anim=0" height="26" width="88" />
</a>
<a style="padding-bottom: 13px;" href="http://fusion.google.com/add?feedurl=http://feeds2.feedburner.com/Blogohelp" rel="nofollow">
<img style="padding-top: 3px;" alt="Читать в Google.Reader" 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&amp;url=http://feeds2.feedburner.com/Blogohelp" 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/Blogohelp" rel="nofollow" title="Получать RSS-ленту на почту">
<img style="padding-top: 5px;" src="http://www.rss2email.ru/counter/rss2email_91x17_b.gif" border="0" />
</a>
</noindex>
Здесь выводится (по порядку) иконка RSS с попдиской, счетчик RSS, подписка через Google Reader, подписка через Яндекс Ленту и последнее - подписка через RSS2Email.

2. Второй, не менее полезный инструмент – размещение предложения подписаться на RSS блога после каждой статьи. Логика простая: посетитель читает интересный материал, возникает желание посмотреть еще что-то в блоге либо сразу подписаться – а тут прямо никуда не нужно ходить и в конце поста есть соответствующие ссылки. Выглядит это так:

подписаться на обновление блога

Используем при этом следующуй код (в шаблоне после <data:post.body/>):
<noindex>
<div class='post-subscribe' style='vertical-align: middle'>
Понравился пост? Подпишись на обновления блога по <a href='http://feeds.feedburner.com/Blogohelp' rel='nofollow'> <img alt='BlogoHelp RSS' src='!!!Ссылка_на_RSS_иконку!!!' style='border: 0pt none; padding-right: 3px;'/>RSS</a>, <a href='http://www.rss2email.ru/?rss=http://feeds.feedburner.com/Blogohelp' rel='nofollow'> <img alt='BlogoHelp по Email' src='!!!Ссылка_на_email_иконку!!!' style='border: 0pt none; padding-right: 3px;'/>Email</a> или <a href='http://twitter.com/sashatod' rel='nofollow'><img alt='' src='!!!Ссылка_на_twitter_иконку!!!' 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;
}
Внимание!!! Как и выше здесь вместо русского текста нужно вставить соответствующие значения – залить картинки на ftp либо picasa (и любой другой бесплатный сервис для хранения фоток), а также указать ссылку на RSS поток вашего блога.

3. Третий вариант появился относительно недавно – но выглядит впечатляюще. Это тулбар Wibiya – удобная и функциональная панелька для блога. Его можно «прикрутить» к различным блоггерским платформам - Wordpress, Blogger, TypePad, он поддерживает около 20-ти языков (в том числе и русский), а также обладает следующими возможностями:
  • поиск по блогу
  • перевод содержимого
  • отображение новых записей
  • отображение случайной статьи в блоге
  • подписка по RSS – то, о чем мы сегодня говорим
  • публикация записи в соц. сервисах
  • панелька для twitter

тулбар Wibiya

Понятно, что кроме подписки Wibiya обладает ну очень большим набором функций. Фишка в том, что выглядит она в блоге достаточно оригинально и заметно – поэтому если новый читатель не может найти кнопку подписки после поста, либо в сайдбаре (вдруг у него отключены картинки, а у вас не прописаны alt-ы), тогда на помощь придет тулбар Wibiya. Пример его работы можно посмотреть например, в блоге у Дмитрия Наумова там, кстати, по Wibiya есть интересная последняя заметка. В общем, какой бы из вариантов вы не выбрали - не забывайте об удобности блога для пользователей. Можно даже все 3 использовать вместе.

P.S. Постовой. Агентство предлагает услуги производства и размещения рекламы в СМИ.
Интересно почитать - автомобильные социальные сети Smotra и Drive2 для автолюбителей.
Лучшие бесплатные фотобанки и фотостоки для дизайнеров.
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

Добавление секции элементов шаблона в блоге на Blogspot

понедельник, 19 октября 2009 г.
Попросили меня недавно рассказать как я смог вставить в шапку блога баннер. Вопрос, в принципе, не сложный, но вместе с тем решил рассказать о том как можно добавить в шаблон новую секцию (блок) элементов. Если не совсем понятно о чем речь, читаем дальше. Итак, разместить какой-либо код баннера, скрипта или просто часть дизайна можно непосредственно в шаблоне блога. Для этого необходимо зайти в раздел «Дизайн» (хотя вроде раньше это называлось шаблоном), меню «Изменить HTML», после чего (если нужно) поставить галочку «Расширить шаблоны виджетов» и собственно добавить нужные вам строки кода в макет.

Но можно реализовать данный процесс более красиво или точнее сделать добавление элементов в шаблон более наглядным и простым. Если вы используете сложный шаблон для блога, то в меню «Элементы страницы» можете видеть множество различных блоков, например, как у меня:

Blogger шаблон элементы

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

1. Сначала нужно разобраться в шаблоне и понять что за элемент где выводится и за вывод какого контента отвечает. Для этого заходим в блог, смотрим код страницы – какие стили в основной части, где начинается сайдбар, футер и т.п. Дальше заходим в меню «Элементы страницы» и мысленно сопоставляем увиденное с текущими элементами. Как правило, пустыми шаблоны никто не предоставляет и даже у тех, что идут по умолчанию уже есть контент, поэтому можно разобраться. После заходим в меню, «Изменить HTML» находим нужную часть кода.

2. Вот, например, такой код для сайдбара:
<div id='sidebarbottom-wrap1'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Feed1' locked='false' title='Recent Posts' type='Feed'/>
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
<b:widget id='BlogArchive2' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='LinkList1' locked='false' title='Blogroll' type='LinkList'/>
</b:section>
</div>
b:section – это и есть блоки с объединенными в группы элементами b:widget. Поэтому чтобы добавить новый блок мы должны в нужной части шаблона разместить код по типу этого:
<b:section id='header' class='header' maxwidgets="1" showaddelement="no"> 
...
</b:section>
У <b:section> есть следующие атрибуты:
  • id - (обязательный) – уникальное имея из букв и цифр.
  • class – класс стиля для.
  • maxwidgets – максимально число виджетов в блоке.
  • showaddelement – может иметь значения 'yes' или 'no' (yes по умолчанию), определяет будет ли в меню «Элементы страницы» отображаться ссылка «Добавить гаджет».
  • growth – может иметь значения 'horizontal' или 'vertical' (по умолчанию – vertical), указывает порядок сортировки виджетов – друг за другом или в стэке.
3. Далее можно в блок добавлять виджеты.

Следует заметить, что для секций b:section вложения не поддерживаются. В принципе, нет ничего сложно в этой инструкции, она пригодится если вы захотите создать свой шаблон и сделать доступным для скачивания – помните, что не все смогут ковыряться в коде, поэтому нужно сделать макет максимально дружелюбным для пользователя.

P.S.
Постовой сегодня исключительно для любителей литературы. Во-первых, можете зайти на сайт LetItBook.ru электронная библиотека и поискать интересное чтиво. Во-вторых, приглашаю посетить литературный блог, посмотреть пост Франц Кафка Превращение или, например, сказки Бажова и высказать свое мнение.
Лучший интернет магазин косметики – сделайте подарок любимым.
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

Публикация поста в Blogger вместе с Google Sidewiki

среда, 14 октября 2009 г.
Blogger и Google SidewikiВчера в блоге Вебдванольные заметки опубликовал пост про новый инструмент Google Sidewiki. Инструмент весьма интересный и местами впечатляющий – своего рода новый способ делиться информацией во всемирной паутине. Google Sidewiki это новая функция панели Google Toolbar для IE и Firefox, которая позволяет поделиться своим мнением и мыслями относительно любой веб-страницы в сети, а также просмотреть записи других людей. Все это происходит в сайдбаре браузера, отсюда и такое название.

Google Sidewiki использует специальный алгоритм, который позволяет отображать самые полезные записи пользователей сверху, а также имеет встроенную технологию, отвечающую за вывод ваших комментариев на других сайтах, содержащих одинаковые сниппеты текста. Чуть больше информации о сервисе можно почитать в моем обзоре или на официальном сайте. Не остался в стороне и сервис Blogspot.

В Google Sidewiki есть возможность публиковать записи прямо в блог на платформе Blogger. Для начала гляньте небольшой видеоролик где демонстрируется процесс добавления записи в блог.


В общем, чтобы разместить новую запись Google Sidewiki в своем блоге:
  1. Заходите в сервис (кликаете по иконке на Google Toolbar).
  2. Внизу сайдбара нажимаете ссылку для публикации новой заметки (Write an entry).
  3. Пишете в специальной форме заголовок и текст сообщения.
  4. Далее раскрываете список ваших доступных блогов на Blogspot для публикации и отмечаете в каком именно блоге следует опубликовать заметку.
  5. Нажимаете кнопку Опубликовать (Publish) и проверяете свой блог.
В принципе, ничего особенного в этом нет, но фишка весьма интересная. Если вы ведете «простой блог», куда записываете много разных вещей небольших по объему, какие мысли или комментарии происходящих событий, то вероятно опция из Google Sidewiki вам пригодится – вы сможете публиковать одновременно заметку в сервисе и собственном блоге. По-моему, весьма удобно.
Хотите попробовать? Тогда устанавливайте Google Toolbar и потестируйте Sidewiki.

P.S. Постовой. Закажите seo продвижение сайтов для вашей компании.
Интересное почитать - история чая в Китае, России и Европе.
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

Widgetbox - сделайте виджет из вашего блога

вторник, 6 октября 2009 г.
По поводу празднования 10-ой годовщины создания Blogger`а разработчики приготовили еще один приятный сюрприз для своих поклонников. В результате партнерства Widgetbox и сервиса Blogspot вы сможете легко и быстро сделать из своего блога виджет. Разместите заголовки статей на своем основном сайте, либо предоставьте возможность поклонникам проекта поделиться полезными публикациями со своей аудиторий – в любом из этих случаев вам поможет данный виджет. Сервис Widgetbox поможет управлять его содержимым. Чтобы стало более понятно о чем идет речь, предлагаю посмотреть в сайдбар данного блога либо на картинки ниже, где нарисованы 2 примера созданных за несколько минут виджетов.

Widgetbox блог виджет

Какие преимущества дает сервис.
  1. Это самый простой способ построить виджет из своего блога.
  2. Вы получаете красочный, интерактивный и привлекающий внимание инструмент.
  3. Вместе с обновлениям блога, содержимое виджета также будет обновлено, причем полностью в автоматическом режиме – изменятся заголовки, изображения, тексты без какого-либо вашего вмешательства.
  4. Позволит привлечь новых читателей и дополнительный трафик в блог.
Как создать себе виджет? – очень просто.
  1. Заходим на специальную страницу сервиса Widgetbox, где вводим адрес RSS фида для своего блога.
  2. Указываем параметры дизайна и отображения виджета.
  3. Публикуем его.
  4. Добавляем на свой сайт и приглашаем поклонников ресурса поделиться им со своими читателями.
  5. Проверяем статистику виджета – просмотры, установки на других доменах и т.п.
  6. Следует также сказать о настройках внешнего вида – их достаточно много.


Во-первых, вы можете добавить к отображению и другие источники информации – сообщения из твитера, фотографии из Flickr, видео с YouTube и т.п. Во-вторых, можно менять ширину и размеры виджета, а также задавать различные фоновые картинки или палитры. В-третьих, можно на выбор отображать картинку статьи, заголовок и краткое вступление, а также определить стиль заголовка виджета.

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

P.S. Постовой. Купить компьютерные столы, угловые столы.
Комплексный it outsorcing в Киеве от компании Суперадмин.
Услуги электрика, электрик и электромонтажные работы.
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   

Blog2Print - сделайте из своего блога настоящую книгу

пятница, 2 октября 2009 г.
Веселье и бонусы в честь 10-ти лет существования платформы Blogspot продолжаются. Один весьма интересный сервис под названием Blog2Print начал работать с блогами Blogger`а. Blog2Print позволяет напечатать некоторые из ваших постов, а также изображений в виде полноценной профессиональной цветной книги. С 2007 тысячи пользователей Blogger стали поклонниками сервиса, который позволял очень легко и быстро сохранить и поделиться своими записями с друзьями, родственниками и т.п. Вы можете создавать книги по сезонам, годам, даже по определенной тематике, а также выбирать мягкую обложку или твердый переплет для своего произведения.

В книгу, созданную с помощью Blog2Print.com можно даже добавить комментарии из постов блога. Кроме того, содержимое можно редактировать, дополнять бумажный вариант дополнительными фотографиями и заметками.

Использовать сервис очень просто – заходите на эту страницу и вводите название блога в соответствующее поле. Далее появится ряд настроек:



Здесь можно выбрать:
  • какие статьи включать в книгу – все, либо за определенный период
  • порядок публикаций – новые или старые сообщения в самом начале
  • наличие комментариев
  • изображение для обложки (есть 9 вариантов по умолчанию, плюс возможность загрузить свой)
Также на данной странице есть поле, где можно написать небольшое предисловие для вашей книги – вступительную речь от автора. После этого в течении нескольких секунд книга будет автоматически создана. Вы сможете просмотреть ее, а также отредактировать некоторое содержимое.



Напоследок немного о неприятном – все это, увы, не бесплатное удовольствие. За мягкий переплет и 20 страниц текста вы должны будете уплатить $14.95, каждая следующая страница обойдется еще в 35 центов. Для твердого переплета стоимость $24.95, есть также PDF версия за $7.95.

Кроме того, вызывает сомнение (или точнее сказать – дополнительные вопросы) доставка. Поскольку сервис находится «не у нас», то придется немного свою книгу подождать, хотя, в принципе, задумка и реализация достаточно интересная.

P.S. Постовой. Эффективная эпиляция фотоэпиляция, безболезненное удаление волос навсегда.
Служба экспресс доставки - наш курьер самый быстрый.
Производство и печать пластиковых карт - дисконтные карты, визитки.
Понравился пост? Подпишись на обновления блога по BlogoHelp RSSRSS, BlogoHelp по EmailEmail или twitter!
Как вам пост?   
Related Posts with Thumbnails