Ни для кого не будет новостью то, что навигация на вашем блоге должна быть простой и удобной для посетителей. Все помнят, что вверху должна быть ссылка на главную и на основные страницы, сбоку бросающийся в глаза список рубрик, причем, желательно все-таки не выпадающий, а статичный.
И в дополнение к этому неплохо бы заиметь на блоге ряд кнопок и ссылок, полезных как для читателей, так и для вас. Я рассмотрю кнопки, которые я использую на своем блоге с кодом для их установки. Начнем с самой важной для автономного блоггера кнопки, которая должна присутствовать у каждого.
Кнопка «Подпишись на 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: Мне тут напомнили, что я забыл про кнопку «Оставить отзыв», которую вы можете наблюдать слева на моем блоге. О ней я уже писал подробно в статье » Виджет — Оставьте свой отзыв«, если кому интересно, можно ознакомиться.
Мой блог находят по следующим фразам
- не заходит на домен http://shneider-host.ru
- не заходит на домен http://shneider-host.ru
- как сделать хорошее оформление для сайта ucoz
- wodpress reklama pod postom
- galaxy s3 наушники
- дизайн страницы вк
Спасибо за столь полезную коллекцию кнопочек и инструкцию (назовем ее так) для их установки.
Всегда пожалуйста
Неплохая подборка. Это вроде джентльменского набора блогера. Кстати совсем не давно выложил перевод плагина 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