Предлагаю Вашему вниманию проект от Russian Ventures: русскоязычный сервис социальных кнопок Pluso. Аналог англоязычного сервиса Соц. кнопок AddThis.
Зачем вообще нужны кнопки социальных сетей. Кнопки соц. Сетей можно отнести к бесплатной раскрутке Вашего интернет ресурса. Разместив их на своем ресурсе, Вы тем самым увеличиваете посещаемость своего сайта или блога. По статистике Pluso каждый 65 посетитель делится со своими друзьями страницей. Что составляет 1.5% всего количества посетителей Вашего сайта или блога. На интересных и уникальных ресурсах количество лайков может доходить до 10%.
Существует большое количество сервисов, предлагающих добавить кнопки социальных сетей на Ваш блог или сайт. Преимущество Pluso заключается в его простоте и удобстве. Вам не нужно там регистрироваться. Пришли, выбрали вариант кнопок подходящий именно Вам и вашему сайту или блогу. У Pluso существует более 300 вариаций кнопок соц. сетей. Скопировали код выбранного Вами варианта кнопки социальных сетей и установили его у себя в блоге или сайте.
Работать с Pluso очень легко и просто.
Теперь к главному, как выбрать и установить кнопки социальных сетей от сервиса Pluso.
Переходим на сервис .
Выбираем более интересный для Вас вид социальных кнопок. Выбрав понравившийся Вам стиль кнопок:
• Вид – круглые или квадратные, цветные или чёрно-белые. Счетчиком или без него.
Выбираете дополнительные настройки:
• Расположение - по вертикали или по горизонтали.
• Дополнительные сервисы.
Все изменения Вы можете видеть в окне – Предпросмотра.
После того как Вы настроили свои кнопки социальных сетей. Копируем сгенерированный код для в ставки в соответствующем поле.
Затем переходим в настройки Вашего блога, заходим в настройки шаблона. Делаем на всякий случай резервную копию шаблон. И нажимаем "Изменить HTML" ставим галочку "Расширить шаблоны виджета". И ищем в шаблоне при помощи комбинации кнопок (Ctrl+F) вот такую строку <data:post.body/> (если в Вашем шаблоне таких строк несколько, то вставьте код кнопок после 3-й строки). Или вот эту строку <div class='post-footer-line post-footer-line-1'> и вставляем скопированный ранее код социальных кнопок. Кнопки будут размещены в конце статьи. А если Вы хотите разметить кнопки социальных сетей в начале статьи, тогда вставьте код перед этой строкой.
По умолчанию кнопки устанавливаются по левому краю. Если Вы хотите их разместить по центру, тогда нужно сделать так: <div style='text-align:center'>Ваш код социальных кнопок </div>.
Небольшая рекомендация от сервиса Pluso : Установив кнопки социальных сетей в начале статей и выбрав большой размер кнопок. Вы получите в 2-6 раз больше эффекта, чем если разместите маленькие кнопки в конце статьи.
Оказывается не так и трудно установить у себя в блоге Кнопки социальных сетей от Pluso.
Смотрите также:
- Авто публикация постов в Соц Сетях
- Гаджет - Ссылка на это сообщение
- Кнопки социальных сетей от AddThis
- Кнопки социальных сетей и закладок от Share42
- Где создать блог
- Создать блог на Blogger
- Как изменить шаблон в Blogger
- Как показать или скрыть гаджет Blogger на определённых страницах блога
- Вставить Facebook Like Box в Blogger
- Как заработать на собственном блоге
- Как вставить рекламный блок объявлений Google AdSense в любом месте блога на Блоггер (Blogspot)
- Как вставить блок рекламы от Google AdSense в блог на Blogger (Блогпост)
- Google AdSense - регистрация, создание рекламного блока его настройка
Зачем вообще нужны кнопки социальных сетей. Кнопки соц. Сетей можно отнести к бесплатной раскрутке Вашего интернет ресурса. Разместив их на своем ресурсе, Вы тем самым увеличиваете посещаемость своего сайта или блога. По статистике Pluso каждый 65 посетитель делится со своими друзьями страницей. Что составляет 1.5% всего количества посетителей Вашего сайта или блога. На интересных и уникальных ресурсах количество лайков может доходить до 10%.
Существует большое количество сервисов, предлагающих добавить кнопки социальных сетей на Ваш блог или сайт. Преимущество Pluso заключается в его простоте и удобстве. Вам не нужно там регистрироваться. Пришли, выбрали вариант кнопок подходящий именно Вам и вашему сайту или блогу. У Pluso существует более 300 вариаций кнопок соц. сетей. Скопировали код выбранного Вами варианта кнопки социальных сетей и установили его у себя в блоге или сайте.
Работать с Pluso очень легко и просто.
Теперь к главному, как выбрать и установить кнопки социальных сетей от сервиса Pluso.
Выбираем более интересный для Вас вид социальных кнопок. Выбрав понравившийся Вам стиль кнопок:
• Вид – круглые или квадратные, цветные или чёрно-белые. Счетчиком или без него.
Выбираете дополнительные настройки:
• Расположение - по вертикали или по горизонтали.
• Дополнительные сервисы.
Все изменения Вы можете видеть в окне – Предпросмотра.
После того как Вы настроили свои кнопки социальных сетей. Копируем сгенерированный код для в ставки в соответствующем поле.
Затем переходим в настройки Вашего блога, заходим в настройки шаблона. Делаем на всякий случай резервную копию шаблон. И нажимаем "Изменить HTML" ставим галочку "Расширить шаблоны виджета". И ищем в шаблоне при помощи комбинации кнопок (Ctrl+F) вот такую строку <data:post.body/> (если в Вашем шаблоне таких строк несколько, то вставьте код кнопок после 3-й строки). Или вот эту строку <div class='post-footer-line post-footer-line-1'> и вставляем скопированный ранее код социальных кнопок. Кнопки будут размещены в конце статьи. А если Вы хотите разметить кнопки социальных сетей в начале статьи, тогда вставьте код перед этой строкой.
По умолчанию кнопки устанавливаются по левому краю. Если Вы хотите их разместить по центру, тогда нужно сделать так: <div style='text-align:center'>Ваш код социальных кнопок </div>.
Небольшая рекомендация от сервиса Pluso : Установив кнопки социальных сетей в начале статей и выбрав большой размер кнопок. Вы получите в 2-6 раз больше эффекта, чем если разместите маленькие кнопки в конце статьи.
Оказывается не так и трудно установить у себя в блоге Кнопки социальных сетей от Pluso.
Смотрите также:
- Авто публикация постов в Соц Сетях
- Гаджет - Ссылка на это сообщение
- Кнопки социальных сетей от AddThis
- Кнопки социальных сетей и закладок от Share42
- Где создать блог
- Создать блог на Blogger
- Как изменить шаблон в Blogger
- Как показать или скрыть гаджет Blogger на определённых страницах блога
- Вставить Facebook Like Box в Blogger
- Как заработать на собственном блоге
- Как вставить рекламный блок объявлений Google AdSense в любом месте блога на Блоггер (Blogspot)
- Как вставить блок рекламы от Google AdSense в блог на Blogger (Блогпост)
- Google AdSense - регистрация, создание рекламного блока его настройка
Если статья оказалась Вам полезной буду признателен если Вы порекомендуете её или сам блог "Best-For-Blogger.ru" своим друзьям и знакомым воспользовавшись кнопками социальных сетей. Или оставите на своём веб-ресурсе обратную ссылку.
С наилучшими пожеланиями, всегда Ваш Алексей Иванович! До новых встреч на страницах нашего блога "Лучшее для Blogger". Оставляйте комментарии, .
URL На эту статью:
Вставьте этот HTML код к себе на страницу:
23 комментария :
Спасибо Вам огромное за статью! Я полдня просидела в инете в поисках информации для полных чайников по установке этих злощасных кнопок, именно у Вас нашла доступное и понятное объяснение!! Спасибо еще раз за Вашу работу!
Марри - рад, что мой блог оказался Вам полезным. И вам удалось успешно установить Кнопки Социальных Сетей в Ваш блог.
Метод действительно работает. Вот только вставляешь код до или после указанной вами строки, иконки все равно идут после сообщения.
Лучше его тогда ставить чуть выше, после
class='post-header-line-1'
тогда иконки станут до статьи.
Roman Vladimirovich - хорошо, что Вы разобрались и у Вас получилось установить Кнопки социальных сетей от Pluso в свой блог. Вариантов встраивания соц. кнопок в блог много, в том числе и тот который Вы предложили и зависит в первую очередь от самого шаблона блога.
Получилось вставить кнопки Пульсо, но только между этими строками:
div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='description articleBody'
data:post.body/>
КОД КНОПОК
div style='clear: both;'/>
Максим - очень хорошо, что Вы разобрались как вставить кнопки социальных сетей в свой блог.
Хочу отдельно отметить, что строка data:post.body/> в представленном Вами фрагменте кода шаблона Вашего блога и есть тем самым главным элементом шаблона Блоггер после которого и необходимо вставить кнопки соц сетей в блог.
Добрый вечер!
Как у вас сказано и у дрцгих пользователей - ничего не помогло установить код. или кнопок вовсе нет или есть в начале статьи, но открывают один и тот же пост при нажатии и попытке добавить что-то в социалки. блог www.thedianeday.ru
Помогите!
Диана
1. Как я понял Вы для того, что бы вставить кнопки соц. сетей в свой блог использовали метод с использованием строки data:post.body/> и кнопки установились в начале статьи. А хотите, что бы они были в конце (видимо для Вашего шаблона данный метод не подошёл). Для того, что бы вставить их в конце статьи - найдите в шаблоне строку div class='post-footer-line post-footer-line-1'> и перенесите код кнопок социальных сетей так, что бы он находился над этой строкой и Вы получите желаемый результат. Я при просмотре Вашего блога так и сделал, кнопки установились над стандартными кнопками Блоггера. Если Вам нужен другой вариант (место) их размещения - напишите какой/где, постараюсь Вам помочь.
2. Первым делом зайдя в Ваш блог, проверил как работают кнопки соц. сетей на Вашем сайте - они работают правильно, как положено. А именно - если кликать на любую из предложенных кнопок с главной страницы, то в соц. сети уйдёт анонс (ссылка) именно главной страницы блога. А если зайти в любую статью и оттуда кликнуть по кнопке то в соц. сеть отправится анонс конкретно той статьи на странице которой Вы сейчас находитесь.
Из этого следует вывод, что кнопки социальных сетей отправляют анонс той страницы на которой находится посетитель. Проще говоря - страницы, адрес которой отображается в адресной строки браузера.
Диана - Посмотрите эту статью - Форма связи для блога на Блогспот - http://www.best-for-blogger.ru/2014/02/forma-svjazi-blogger.html
Думаю данная статья и информация в ней Вам будет полезна для развития Вашего проекта.
Будут вопросы - обращайтесь, постараюсь помочь!
Спасибо вам!
Я установила код совсем в другой строке шаблона. Когда выполняла установку по вашему руководству, то вовсе ничего не появлялось. Весь день пыталась найти способ и методом проб и ошибок все получилось. Именно в начале поста и хотела добавить кнопки социальных сетей.
Если интересно, то вышлю копию своей версии. Но если бы не ваш блог, то я и не узнала бы где взять код для данного виджета.
Diana - Вы меня заинтриговали, очень интересно увидеть Ваш вариант установки кода кнопок соц. сетей в блог. Пришлите мне свою версию.
Спасибо, Алексей!
Всё получилось! Я делал ещё проще, вставлял через Дизайн, а не через Шаблон изменить HTML и там что-то искать. Заходим в Дизайн, выбираем виджет HTML/JavaScript (если нет, то добавляем через blogger), далее изменить, далее наименование, ниже вставляем код HTML, жмём сохранить, далее смотрим в блоге, если не нравится местоположение, то опять через Дизайн просто перетаскиваем этот виджет в другое место. У меня получилось так: scbets.blogspot.ru
Kuzzma - согласен с Вами данный способ гораздо проще и легче. И он имеет право на существование. Но при его использовании кнопки социальных сетей находятся вне сообщения (поста).
Подскажите, пожалуйста, что и где дописать, чтобы ссылка в соц сети была не на весь блог (как предполагает стандартный шаблон), а на пост блога с именно его текстом и фото. Возможно тут есть объяснение http://share.pluso.ru/faq, но как сделать это в блоггер, не понятно.
Kriya-Shakti - пример когда кнопки социальных сетей Вашего блога будут отдавать анонс самого блога а не отдельной статьи. Например когда кнопки соц. сетей были установлены при помощи гаджета "HTML/JavaScript" в боковой панели, над или под сообщением. Данный способ гораздо проще и быстрее чем описанный в статье выше. Но у него есть свои недостатки одним из которых и является то, что для отправки анонса будут использоваться мета-данные самого блога, а не отдельной статьи.
Так же замечено, что некоторые гаджеты плохо совместимы с динамическими шаблонами. Если Вы в своём блоге используете именно динамический шаблон, попробуйте изменить его на любой другой. Или возьмите кнопки из другого сервиса. Например описанного в данной статье - Кнопки социальных сетей от Share42.
Спасибо за статью, очень подробно все написано, но вот я не смогла найти в коде ни один из предложенных вами вариантов, к сожалению
Куда еще в коде можно вставить код соцсетей?
Может это связано с тем, что недавно очередной раз поменялся интерфейс в блоггере? Например, нет такой функции как "расширить шаблоны виджета"...
Марина Федорова - да интерфейс редактора шаблона блоггер изменился, но суть вопроса осталась прежней. В данной статье описан способ установки социальных кнопок для основной массы шаблонов блоггер. Но замечено, что не ко всем шаблонам он подходит. Встречал такое - например в статье предлагается найти строку "<div class='post-footer-line post-footer-line-1'>", поиск по шаблону выдаёт, что не такой строки. А вот если искать "post-footer-line-1" в результате поиск находит нужную строку, только она немного отличается от примера из статьи.
Попробуйте по этому принципу искать!
Спасибо Вам огромное за подробное описание, благодаря статье все получилось. Подскажите, как сделать плавающую панель с кнопочками?
Добрый день! Кнопки соц сетей устанавливаю под каждой статьёй вручную, поэтому прочитав Вашу статью обрадовалась, доступно написано. Перепробовала все варианты, но установить не получилось http://alla-petelki.blogspot.com/
Анастасия Самойленко - очень хорошо, что у Вас всё получилось.
В сервисе социальных кнопок Pluso пока нет возможности вставить кнопки социальных сетей в плавающем блоке. Как вариант могу Вам предложить сервис соц. кнопок для сайта - Share42 в нём есть возможность выбрать вариант плавающего блока. Инструкцию как настроить и внедрить код соц. кнопок в блог - смотрите в этой моей статье - "Кнопки социальных сетей от Share42"
Необходимая Вам настройка находится в пункте 2 настроек кнопок "2. Выберите нужные опции:", где необходимо отметить тип - " вертикальная "плавающая"". И далее следовать по инструкции из статьи.
Алла Удод - как вариант могу предположить, что происходит конфликт нового кода с уже установленным. Поэтому рекомендую убрать все кнопки соц. сетей которые Вы установили в ручную в статьях. И повторить попытку. Или же попробовать воспользоваться другим сервисом, например: Кнопки социальных сетей от Share42 или Кнопки социальных сетей от AddThis
Здравствуйте, не подскажете случайно, как работать с динамическим просмотром? Когда был простой дизайн, кнопки без проблем вставлялись. А теперь вот, как ни копируй, ничего не выходит(
Заранее спасибо за ответ.
Александра Афанасьева - к сожалению пока подсказать как вставить кнопки соц. сетей в блог с динамическим шаблоном не могу.
Спасибо вам Огромное!!!))