Блог
Анны Фёдоровой Как зарабатывать в интернете и на своём блоге?

Как поставить кнопку RSS на блог или сайт(Twitter,Facebook)

2014.04.25
Автор:

Всем привет! Сегодня речь пойдёт о том, как поставить rss кнопку на блог.

как поставить кнопку rss на сайт

Только не нужно путать с кнопками социальных сетей »Мне нравится» от Facebook или Твитнуть и прочее. Об этом я напишу в следующей статье. А сейчас мы будем ставить кнопки Rss ленты, Twitter, Facebook и другие иконки в сайдбар блога. Для тех кто не знает что такое rss лента и как её сделать — читайте пост: «Подписка Feedburner.Как сделать rss ленту для блога». Совсем недавно я расположила такие кнопки в сайдбаре справа у себя на блоге. Вот посмотрите, как они выглядят.

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

Как поставить кнопку rss на сайт или блог

1). Вначале, конечно же, нужно сделать RSS подписку на вашем блоге. Об этом я писала в статье: «Как сделать свою rss ленту для сайта». Rss для вебмастера – это вещь необходимая и крайне полезная. Поэтому обязательно сделайте её. Как выглядит rss лента моего сайта – можете посмотреть, щёлкнув в самом верху правого сайдбара на оранжевый значок. Как только вы щёлкните, попадёте на rss-ленту, на которую можете подписаться.

2). Потом найти нужные иконки для кнопок и залить их на свой хостинг. Я кстати кнопку rss и другие иконки нашла в интернете. Вы если хотите, можете сделать их в фотошопе. Только не забудьте определиться с размерами кнопок, ведь ширина сайдбара у всех разная.

Как загрузить кнопки на свой блог. Примерно, так же как и картинки, которые вы добавляете в статью. Заходим в админку своего сайта. Выбираем вкладку «Медиафайлы», нажимаем «Добавить новый», далее жмём «Выберите файлы» и в компьютере выбираем уже скачанную кнопку. Потом «Изменить» и копируем ссылку на файл. Эта ссылка нам понадобиться, чтобы вставить иконку в сайдбар.

кнопка rss на блог

Таким образом, закачиваете все кнопки на хостинг, которые вы хотите в дальнейшем видеть в сайдбаре. Мы сделали только пол дела, теперь нужно поставить кнопки RSS ленты, Twitter, Facebook, ВКонтакте, Google+ на свой сайт непосредственно в сайдбар.

3).  Как поставить все эти кнопки? Опять-таки через административную панель блога с помощью кода. Заходим в раздел «Внешний вид» — «Виджеты» и перетаскиваем доступный виджет «Текст» в поле сайдбара.

как поставить кнопку rss на блог

Желательно чтобы он был как можно выше или можно его разместить под или над формой подписки обновления блога.

Далее открываем «Текст» и чтобы вставить кнопку rss, ставим туда этот код:

 <a href="http://feeds.feedburner.com/sozdamblog" target="_blank" rel="nofollow"><img alt="RSS-подписка блога sozdamblog.ru" title="Подписаться через RSS-reader" src="http://sozdamblog.ru/wp-content/uploads/2014/04/rss.png" border="0" width="48" height="48" /></a>

 

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

Теперь подробно расскажу, что каждая строчка значит, чтобы вы лучше понимали и как что нужно поменять.

target="_blank" – это открытие ссылки — изображения в новом окне

rel="nofollow" – с помощью него закрываем ссылки от индексирования

img alt – это название изображения, у меня выглядит так: RSS подписка блога sozdamblog.ru. Вы естественно меняете на свой текст.

title – здесь так же меняете название кнопки

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

width="48" и  height="48" – это ширина и высота иконки в пикселях.

И чтобы разместить по центру нашу кнопку используйте: <div align="center">Здесь код</div>.

Если  вдруг что-то не поняли, смотрите картинку, всё то, что вам нужно поменять я подчеркнула!

кнопка rss на сайт

Это мы вставили только одну кнопку, на очереди все остальные.

Для вставки кнопки Twitter используем код:

<a href="https://twitter.com/sozdamblog" target="_blank" rel="nofollow"><img alt="Я на Twitter | Подписаться на меня" title="Я на Twitter | Подписаться на меня" src="http://sozdamblog.ru/wp-content/uploads/2014/04/t.png" border="0" width="48" height="48" /></a>

 

Точно так же меняем данные на свои.

Что касается кнопок Facebook, ВКонтакте  и Google+, то проделываете те же манипуляции. Только вместо адреса твитера в коде вначале будет стоять адрес вашего аккаунта на фейсбук или ВКонтакте и т.д.

Вот и всё! Таким образом мы разобрали как поставить кнопку rss на сайт, а так же кнопки Facebook, Twitter и другие.

P.S. А вы уже поставили себе кнопку rss на блог? Не пропустите следующие посты и подпишитесь на обновление блога!

С уважением, Анна Федорова


Комментариев: 6

  1. Игорь

    Анна, спасибо вам большое за полезную статью! Все очень грамотно и доходчиво написано. Давно хотел поставить RSS кнопку. Много разных кодов перепробовал, десятки сайтов пересмотрел. И только на вашем нашел тот код, который мне подошел. Удачи вам, а сайту побольше посетителей!

    Ответить
    1. Анна Федорова

      Спасибо!И вам желаю удачи.

      Ответить
  2. Ольга

    Анна, и у меня получилось только с Вашей помощью!!! Пролопатила массу блогов и сайтов, и только здесь нашла то, что нужно. И все заработало!!! Ура!

    Спасибо!!!

    Ответить
    1. Анна Федорова

      Рада, что статья вам оказалась полезной.

      Ответить
  3. Владимир

    Ух ты, это мне пригодиться! Смотрю всем подошло, думаю и мне подойдет,

    Ответить
  4. Юлия

    Спасибо огромное за разъяснение в том, как добавить RSS, давно искала информацию об этом, но ничего толком и не нашла, а тут все по полочкам прям разложили!!! :) Обязательно воспользуюсь Вашими советами! Спасибо большое.

    Ответить

Оставить комментарий: