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

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

Кнопка «Подпишись на RSS»

RSS

Тут варианты могут быть различны, часть используется несколько разных кнопок, так как RSS — фактически единственная связь  блоггера с его читателями.

Самый простой вариант: картинка иконки RSS со ссылкой на RSS ленту блога. Код следующий:

<a href=»http://адрес вашей RSS ленты»><img src=»http://адрес картинки-иконки RSS»></a>

Эта копка обычно большая, располагается на самом видном месте вверху или в боковой колонке. Под ней часто можно встретить еще две кнопки:

Читать в Google- читать в Google Reader. Код можно получить здесь.

Читать в Яндекс ленте — читать в Яндекс ленте. Код:

<a href=»http://lenta.yandex.ru/settings.xml?name=feed&url=АДРЕС_ВАШЕГО_ПОТОКА»><img src=»http://lenta.yandex.ru/i/addfeed.gif» border=»0″ alt=»Читать в Яндекс.Ленте» /></a>

Обе кнопки сразу перенаправляют читатьтеля в его Google Reader и Яндекс.Ленты соответственно. Подробнее про сервисы и программы для чтения RSS лент можно почитать в статье «Что такое RSS и с чем еe едят«.

Число подписчиков на RSS ленту через FeedBurner

Число подписчиков на RSS — вот такого вида. Как получить кнопку числа ваших читателей и настроить RSS через Feedburner подробно написано здесь. Это все были кнопки для главной страницы.

Теперь перейдем к кнопкам для одиночной записи.

Кнопка «Добавить в закладки»

Добавить в закладки

Позволяет вашим читателям добавить в один из нескольких сервисов социальных закладок понравившийся им пост. Код для кнопки с выпадающими сервисами закладок, как вы можете наблюдать у меня:

<script src=»http://odnaknopka.ru/ok2.js» type=»text/javascript»></script>

Кнопку другого вида получаем на сайте разработчика. Код вставляем в шаблон Одиночной записи single.php перед комментариями или куда больше понравится.

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

Под кнопкой добавления в закладки у меня вы можете наблюдать надпись:

Подпишись на обновления блога по RSS, Email, twitter!

Вкратце, как это сделать: добавляем в код шаблона одиночной записи (single.php) строку с нужным текстом, картинками и необходимыми ссылками. Собственно, нужные ссылки тут самое основное.

Для RSS - ставим туже ссылку на свою RSS ленту, как я описывал в самом начале поста. Для Twitter — код аналогичный, но ссылку ставим на свой аккаунт в Twitter.

Подписка RSS по Email

Вот тут остановлюсь поподробнее. Код для этой ссылки нужно получить на сервисе FeedBurner. Идем на сайт FeedBurner и во вкладке «Публикуй» для нужной ленты заходим в пункт «Подписки по электронной почте». Активируем данную услугу. Если взять код, предлагаемый по умолчанию, то мы получим вот такую формы подписки:

Подписка на RSS

Но, если мы хотим ссылку на подписку приделать к картинке с конвертом, то нам нужно из всего кода, предлагаемого FeedBurner выдрать строку вот такого вида: http://feedburner.google.com/fb/a/ mailverify?uri=saitowedru — где вместо saitowedru будет окончание вашей RSS ленты.

Если кому-то это поможет, я привожу свой код подписки через RSS, Email и Twitter целиком:

<div style=»font-size:17px; font-weight: bold;»> <noindex>Подпишись на обновления блога по <a rel=»nofollow» href=»http://feeds.feedburner.com/saitowedru» title=»Подпишись на RSS»> <img alt=»Сайтовед по RSS» src=»http://lh3.ggpht.com/_vScVCDhZ52k/SuQ1aO0aIaI/AAAAAAAAGPc/1HsmJKX7IyA/s144/rss.png» style=»border: 0pt none; padding-right: 3px;» />RSS</a>, <a rel=»nofollow» href=»http://feedburner.google.com/fb/a/ mailverify?uri=saitowedru&amp;loc=ru_RU» title=»Получать RSS ленту на почту»><img alt=»RSS wordpress inside» src=»http://lh3.ggpht.com/_vScVCDhZ52k/SuQ1aCDuHTI/AAAAAAAAGPg/kIYaFB0xDN4/s144/mail.png» style=»border: 0pt none ; padding-right: 3px;» />Email</a>, <a rel=»nofollow» href=»http://twitter.com/hennerdark» title=»Я в Twitter»><img alt=»twitter henner» src=»http://lh3.ggpht.com/_vScVCDhZ52k/SzcOL3W4IuI/AAAAAAAAG7g/hcD-Kjo1diQ/s144/twit.jpg» style=»border: 0pt none ; padding-right: 3px;» />twitter</a>! </noindex></div>

Ну и осталась последняя кнопка, которую я себе поставил только сегодня.

Кнопка Retweet

Retweet

Располагается обычно в правом верхнем углу каждой записи. Самый простой способ ее получить: Устанавливаем плагин TweetMeme Button и настраиваем конфигурацию отображения кнопки. Вариант без использования плагинов: вставляем в шаблон одиночной записи  (single.php) код:

<script type=»text/javascript» src=»http://tweetmeme.com/i/scripts/button.js»></script>

Тут можно найти перевод плагина TweetMeme с инструкцией.

Подробнее про кнопку Retweet можно почитать на блоге Шакина.

UDP: Мне тут напомнили, что я забыл про кнопку «Оставить отзыв», которую вы можете наблюдать слева на моем блоге.  О ней я уже писал подробно в статье  » Виджет — Оставьте свой отзыв«, если кому интересно, можно ознакомиться.

Мой блог находят по следующим фразам


Подпишись на обновления блога по Сайтовед по RSSRSS, RSS по EmailEmail, twitter hennertwitter!


Интересные посты на "Сайтоведе":

Комментарии (38)

  1. Спасибо за столь полезную коллекцию кнопочек и инструкцию (назовем ее так) для их установки. :-)

    Ответить

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

    Ответить

  3. Неплохая подборка. Это вроде джентльменского набора блогера. Кстати совсем не давно выложил перевод плагина TweetMeme Button. Правда сам еще не сильно с твитером дружу. Учусь.

    Ответить

  4. Кинь ссылочку на пост с переводом, я в свой пост добавлю:)

    Ответить

  5. А, нашел уже. Щас добавлю) Я тоже учусь на самом деле, только вот недавно аккаунт завел.

    Ответить

  6. Ммм… По-моему вы тут не все кнопки выложили. У вас еще есть боковая «оставить свой отзыв», это Jquery плагин, ручная доработка или…?

    Ответить

    • Я и забыл про нее. Посмотри в конце статьи, я добавил ссылку, что это и где его взять.

      Ответить

  7. Спасибо. Как раз искал где эти полезные кнопочки взять можно :). Плюсик тебе в репутацию )

    Ответить

  8. Поставил, правда думаю на моем блоге путешествий это будет не востребованно.

    Ответить

  9. Воспользовался статейкой, давно хотел установить пару кнопок.

    Ответить

  10. Информация полезная. НА блоге должны быть все возможные способы удержания посетителей. А для этого нужно дать им все возможные способы для возврата, то есть информировать их через сервисы.

    Ответить

  11. Вот и я вставил на блоге подобные кнопки.
    Кстати, альтернативный текст к кнопке получения RSS по e-mail у вас ”RSS wordpress inside”. Я так понимаю, это от другого блога осталось)

    Ответить

  12. А меня вот интересует как сделать кнопку «Ответить». Какой код? причем именно без плагина, потому что ни один плагин не хочет работать.

    Ответить

    • В WP — она автоматически должна быть в шаблоне. И вы про что сейчас?

      Ответить

      • Это если шаблон поддерживает древовидные комментарии. Нужно при подежке еще включить опцию в админке ( Включить древовидные (вложенные) комментарии с уровнем вложенности до ).
        Мне же понравился шаблон который не поддерживает древовидные комментарии и у этого шаблона кнопки «ответить» нет и она не работает почему-то даже у установленных плагинов.
        Вот и вопрос. Можно ли это как-то обойти каким- кодом или только менять шаблон?

        Ответить

  13. Спасибо за статейку большое. Прочитал, и вот еще вопрос, видел на многих блогах кнопку «на меня ссылок», на счет нее что-нибудь можете подсказать, где взять и т.д.

    Ответить

  14. Неплохой обзор получился. Спасибо. Как раз, нашел данную статью, когда начал внедрять разные «примочки-кнопочки» на свой блог.

    Ответить

  15. полезные кнопки)
    не подскажете точно где берется кнопка «на меня ссылок». (страницу с кнопкой если можно)

    Ответить

  16. Спасибо за полезную статью. Давно думал установить кнопку RSS со ссылкой на feedburner. Пока ограничился только ею, но на будущее поставлю и другие кнопки.

    Ответить

  17. Добрый вечер.
    Спасибо за статью.
    немного не понял.
    Вы пишите:
    Но, если мы хотим ссылку на подписку приделать к картинке с конвертом, то нам нужно из всего кода, предлагаемого FeedBurner выдрать строку вот такого вида: http://feedburner.google.com/fb/a/ mailverify?uri=saitowedru – где вместо saitowedru будет окончание вашей RSS ленты.
    Поясните немного подробнее.
    С уважением, Сергей

    Ответить

  18. Подскажите пожалуйста как сделать перечень страниц в каком либо разделе на Ucoze .
    Допустим я добавляю блог в какой либо раздел но больше пяти материалов на одной странице это слишком много нужно добавить список страниц, в самом низу из цифр.

    Ответить

    • Поставьте любой плагин постраничной навигации — как у меня список страниц видите? Скажем, плагин WP-pagenavi.

      Ответить

  19. Добрый день, не подскажите где взять скрипт такой закладки как у Вас справа на которых подпишись на rss и twitter?

    Ответить

  20. Самые основные кнопки это retweet, feedburner

    Ответить

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>