Ни для кого не будет новостью то, что навигация на вашем блоге должна быть простой и удобной для посетителей. Все помнят, что вверху должна быть ссылка на главную и на основные страницы, сбоку бросающийся в глаза список рубрик, причем, желательно все-таки не выпадающий, а статичный.
И в дополнение к этому неплохо бы заиметь на блоге ряд кнопок и ссылок, полезных как для читателей, так и для вас. Я рассмотрю кнопки, которые я использую на своем блоге с кодом для их установки. Начнем с самой важной для автономного блоггера кнопки, которая должна присутствовать у каждого.
Кнопка “Подпишись на RSS”
Тут варианты могут быть различны, часть используется несколько разных кнопок, так как RSS – фактически единственная связь блоггера с его читателями.
Самый простой вариант: картинка иконки RSS со ссылкой на RSS ленту блога. Код следующий:
<a href=”http://адрес вашей RSS ленты”><img src=”http://адрес картинки-иконки RSS”></a>
Эта копка обычно большая, располагается на самом видном месте вверху или в боковой колонке. Под ней часто можно встретить еще две кнопки:
- читать в 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 через 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 и во вкладке “Публикуй” для нужной ленты заходим в пункт “Подписки по электронной почте”. Активируем данную услугу. Если взять код, предлагаемый по умолчанию, то мы получим вот такую формы подписки:
Но, если мы хотим ссылку на подписку приделать к картинке с конвертом, то нам нужно из всего кода, предлагаемого 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&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
Располагается обычно в правом верхнем углу каждой записи. Самый простой способ ее получить: Устанавливаем плагин TweetMeme Button и настраиваем конфигурацию отображения кнопки. Вариант без использования плагинов: вставляем в шаблон одиночной записи (single.php) код:
<script type=”text/javascript” src=”http://tweetmeme.com/i/scripts/button.js”></script>
Тут можно найти перевод плагина TweetMeme с инструкцией.
Подробнее про кнопку Retweet можно почитать на блоге Шакина.
UDP: Мне тут напомнили, что я забыл про кнопку “Оставить отзыв”, которую вы можете наблюдать слева на моем блоге. О ней я уже писал подробно в статье ” Виджет – Оставьте свой отзыв“, если кому интересно, можно ознакомиться.
Мой блог находят по следующим фразам
- код дизайна сайта
- как можно заменять стиль сайта на другной дизайн для сайта
- готовый шаблон верхней части сайта
- скачать программу viking botovod
- стеклянное меню для сайта
- сколько можно заработать на сайте ucoz 3 уровня
Спасибо за столь полезную коллекцию кнопочек и инструкцию (назовем ее так) для их установки.
Всегда пожалуйста
Неплохая подборка. Это вроде джентльменского набора блогера. Кстати совсем не давно выложил перевод плагина TweetMeme Button. Правда сам еще не сильно с твитером дружу. Учусь.
Кинь ссылочку на пост с переводом, я в свой пост добавлю:)
А, нашел уже. Щас добавлю) Я тоже учусь на самом деле, только вот недавно аккаунт завел.
Ммм… По-моему вы тут не все кнопки выложили. У вас еще есть боковая “оставить свой отзыв”, это Jquery плагин, ручная доработка или…?
Я и забыл про нее. Посмотри в конце статьи, я добавил ссылку, что это и где его взять.
Спасибо. Как раз искал где эти полезные кнопочки взять можно
. Плюсик тебе в репутацию )
Поставил, правда думаю на моем блоге путешествий это будет не востребованно.
Имел ввиду, retweet поставил.
Не скажи, я читаю пару блогов просто “о жизни” и ретвит очень даже делают. Была бы новость интересная.
Как сказываются на сайте ретвит и закладки? Стоит ли вообще их ставить? Многие ставят, думаю тоже поставить, но не знаю как это всё работает и какие плюсы и минусы!!!
Закладки – уже никак. Ретвит – сказывается на посещаемости.
Воспользовался статейкой, давно хотел установить пару кнопок.
Информация полезная. НА блоге должны быть все возможные способы удержания посетителей. А для этого нужно дать им все возможные способы для возврата, то есть информировать их через сервисы.
Вот и я вставил на блоге подобные кнопки.
Кстати, альтернативный текст к кнопке получения RSS по e-mail у вас ”RSS wordpress inside”. Я так понимаю, это от другого блога осталось)
А меня вот интересует как сделать кнопку “Ответить”. Какой код? причем именно без плагина, потому что ни один плагин не хочет работать.
В WP – она автоматически должна быть в шаблоне. И вы про что сейчас?
Это если шаблон поддерживает древовидные комментарии. Нужно при подежке еще включить опцию в админке ( Включить древовидные (вложенные) комментарии с уровнем вложенности до ).
Мне же понравился шаблон который не поддерживает древовидные комментарии и у этого шаблона кнопки «ответить» нет и она не работает почему-то даже у установленных плагинов.
Вот и вопрос. Можно ли это как-то обойти каким- кодом или только менять шаблон?
Можно править код, но я не настолько хорошо в html коде и программировании разбираюсь.
Спасибо за статейку большое. Прочитал, и вот еще вопрос, видел на многих блогах кнопку “на меня ссылок”, на счет нее что-нибудь можете подсказать, где взять и т.д.
на Яндексе эта кнопка берется. Только работает криво на мой взгляд.
Неплохой обзор получился. Спасибо. Как раз, нашел данную статью, когда начал внедрять разные “примочки-кнопочки” на свой блог.
полезные кнопки)
не подскажете точно где берется кнопка “на меня ссылок”. (страницу с кнопкой если можно)
Тут: blogs.yandex.ru/getbutton
спасибо)
Спасибо за полезную статью. Давно думал установить кнопку RSS со ссылкой на feedburner. Пока ограничился только ею, но на будущее поставлю и другие кнопки.
Добрый вечер.
Спасибо за статью.
немного не понял.
Вы пишите:
Но, если мы хотим ссылку на подписку приделать к картинке с конвертом, то нам нужно из всего кода, предлагаемого FeedBurner выдрать строку вот такого вида: http://feedburner.google.com/fb/a/ mailverify?uri=saitowedru – где вместо saitowedru будет окончание вашей RSS ленты.
Поясните немного подробнее.
С уважением, Сергей
А что именно вам непонятно? Загляните в код – там перепутать нереально.
Подскажите пожалуйста как сделать перечень страниц в каком либо разделе на Ucoze .
Допустим я добавляю блог в какой либо раздел но больше пяти материалов на одной странице это слишком много нужно добавить список страниц, в самом низу из цифр.
Поставьте любой плагин постраничной навигации – как у меня список страниц видите? Скажем, плагин WP-pagenavi.
Добрый день, не подскажите где взять скрипт такой закладки как у Вас справа на которых подпишись на rss и twitter?
Вот тут читайте: http://saitowed.ru/vidzhet-rss-and-twitter/
Самые основные кнопки это retweet, feedburner