кнопки социальных сетей

Приветствую вас друзья.

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

Меня довольно часто спрашивают “Как добавить кнопки соц. сетей на сайт”. Я думал, что информации на эту тему и так достаточно в сети интернет, но все оказалось немного не так. Информации действительно много, но она подана отрывочно, “кусками”. У читателя нет четкого и цельного руководства о том как установить кнопки на сайт или блог.

В этой статье я решил
рассказать как установить кнопки от facebook, вконтакте, twitter, google+. Вся информация в одной статье.

После установки социальных кнопок на ваш сайт они будут выглядеть так:


пример кнопок от соц. сетей

Кстати, вам так же будет полезно узнать как добавить на свой сайт комментарии от Вконтакте и FaceBook, об этом читайте здесь.

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

Кнопка от твиттера

Итак, для того, чтобы добавить на свой сайт кнопку от социальной сети twitter, вам необходимо:


кнопка от твиттера

1. Перейти по адресу http://twitter.com/goodies/tweetbutton

2. Выберите подходящую для вас кнопку (“Share a link” рекомендовать в twitter, “Follow” следовать за вами в twitter, остальные две кнопки вам не нужны),


кнопка от твиттера

3. Спуститесь в самый низ страницы, в поле “Button Options” сделайте настройки как показано на скриншоте ниже


кнопка от твиттера

4. В поле “Preview and code” копируем код кнопки, вставляем в нужное место вашего сайта или блога.


кнопка от твиттера

Все! Теперь вы знаете как установить кнопку Twitter на сайт.

Кнопка от facebook

Для того, чтобы добавить кнопку facebook на сайт, вам необходимо:

1. Перейди по ссылке http://developers.facebook.com/docs/plugins/

2. Выбрать одну из двух кнопок: “Send Button” отправить в facebook и “Like Button”кнопка “Мне нравится”


кнопка от facebook

3. На следующей странице заполняем все необходимые поля (в поле “ Step 1 – Get Like Button Code ”)


кнопка от facebook

4. Нажимаем кнопку “Get Code”

5. Копируем первую часть полученного кода, вставляем ее между тегами BODY/BODY


кнопка от facebook

6. Копируем вторую часть кода, вставляем ее в необходимое место блога


кнопка от facebook

Все. Теперь вы знаете добавить кнопку facebook на сайт.

Кнопка от Вконтакте

Для того, чтобы установить кнопку от вКонтакте:

1. Переходим по ссылке – http://vk.com/developers.php?oid=-1&p=Like

2. В поле Сайт/Приложение


кнопка от в контакте

3. Заполняем информацию о вашем блоге (сайте). Нажимаем кнопку “Сохранить”


кнопка от в контакте

4. Далее выбираем подходящий вариант кнопки


кнопка от в контакте

5. Устанавливаем высоту кнопки, выбираем название кнопки


кнопка от в контакте

6. Копируем первую часть кода, вставляем ее на ваш блог между тегами HEAD/HEAD (если у вас блог на движке WordPress, то эти теги находятся в файле header.php)


кнопка от в контакте

7. Вставляем вторую часть кода в то место где будет отображаться кнопка “Мне нравиться”


кнопка от в контакте

Все. Теперь вы знаете добавить кнопку вконтакте на сайт.

<2>Кнопка от Google+

Для того, чтобы стать самым популярным добавить кнопку google+ на сайт, вам необходимо:

1. Перейти по этому адресу http://www.google.ru/intl/ru/webmasters/+1/button/index.html

2. Выберите размер устанавливаемой кнопки


кнопка от google+

3. Выберите ширину и язык кнопки


кнопка от google+

4. Скопируйте полученный код, вставьте в необходимое место вашего сайта


кнопка от google+

Все. Теперь вы знаете добавить кнопку google+ на сайт.

P.S. Если вы хотите, чтобы ваши кнопки выводились автоматически после каждого поста, то добавьте их коды в файл single.php, после кода вывода основного текста.

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

Понравилась статья? Впереди еще много интересной информации, так, что подписывайтесь на RSS ленту, а также на мой канал на YOUTUBE.


ВИДЕО-УРОК “Как добавить кнопки от социальных сетей на сайт или блог”





Комментарии (3) на “Кнопки социальных сетей. Каждый, кто занимается (Или Желает Заняться) блоггингом, обязан знать эти прописные истины”

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

Подписка на обновления блога
Социальные сети

Введите ваш email адрес:



Социальные сети Социальные сети Социальные сети Социальные сети


Return to Top ▲Return to Top ▲
Мультимедийные "фишки" для вашего интернет бизнеса
Главная | Контакты | Мои услуги | Видео от А до Я | Видео-курсы | Все посты | Об авторе