На многих сайтах вы наверно замечали социальные кнопки, они обычно находятся в конце поста, пришло время и нам научится ставить социальные кнопки на блог (или на сайт). Кнопочки хорошо помогают в развитии блога, они могут привлечь новых посетителей. Посетителям вашего сайта они дают возможность поделиться новостью, которая понравилась, в ту или иную социальную сеть.
Начнем с кнопки “вконтакте”
Переходим по этой ссылке и заполняем необходимые поля и нажимаем на кнопку “сохранить”
После того как мы все заполнили, в низу есть “код для вставки”
Что там куда вставлять?
Первую часть кода мы вставляем в header.php, только нужно вставить между тегами <head> и </head>(что нужно вставить выделено на картинке )
А вторую часть кода вставляем в то место, куда нам нужно, мне к примеру, мне нравится ставить кнопки в конце статьи. ( Если у вас движок WordPress, тогда файл находится по адресу: www.ВашБлог.ru/wp-content/themes/темаБлога/single.php)
Первая кнопка готова! 
Кнопка “Твитнуть”
Переходим по этой ссылке и выбираем нужные нам параметры кнопки
Вот что у меня получилось
После того как мы определились с настройками, копируем этот код
И вставляем код на сайт куда мы хотим, кнопка “Твитнуть” готова!
Кнопка “G+”
Кнопочка G+ влияет на ранжирование, то есть на результат поиска Гугла. Переходим вот сюда, выбираем размер кнопки и т.д.
Ниже есть код
Первую часть кода копируем в то место, где хотим, что бы была кнопка
А вторую часть кода копируем в header.php между тегами <head> и </head> (как и в случаи с контактом)
Еще одна кнопка у нас готова!
Кнопка от “Facebook”
Переходим вот сюда и видим вот это
URL to Like – ссылка на страницу, оставляем пустым.
Send Button (XFBML Only)- если вы не уберете галочку, тогда у вас буду отображаться две кнопки
Layout Style – стиль оформления.
WIdth – ширина данной кнопки.
Show Faces – показывать аватары.
Verb to display – то что у вас будет отображаться на кнопек(like-мне нравится, recommend-рекомендую).
Color Scheme –цыетовая схема.
Font –шрифт.
После этого нажимаем “Get Code”
Перед нами открывается такое окно
Первую часть кода опять же копируем между тегами <head> и </head>
Вторую часть кода в нужное нам место
Поставить на сайт кнопочки от разных соц. сетей не сложно, главное понять, куда какую часть кода нужно вставить. В следующем уроке я вам расскажу как выровнять соц.кнопки в линию. Подписывайтесь на RSS или получайте обновления по e-mail. А что такое RSS?
Понравилась статья? Подпишись на обновления по e-mail!
Добавить комментарий
Благодарю!
А за ссылки конечно спасибо.