*/]]> */]]>

С наступающим Новым Годом!

RegionAds

API в соц сетях

21. Кнопки социальных сетей для blogger

Не всех устраиваю кнопки социальных сетей "Поделиться" предлагаемые Blogger'ом.
Попробую их поменять. Используя поиск в Яндексе.

Вариант первый - встроенный гаджет.
Сначала надо убрать (или не надо) старые блоггеровкие кнопки. Вот так:

Можно просто отключить их показ. 
Делается это в "Дизайн"-"Сообщения блога"-"Изменить". И отключаете галочку напротив "Показывать кнопки для публикации".
Таким образом мы добьемся того, что кнопки видны не будут. Но их код со всеми исходящими ссылками останется в шаблоне нашего блога.

Поэтому лучше всего убрать их код из шаблона блога, чтобы освободить его от лишних исходящих ссылок.
Делается это следующим образом:
Открываем в своем блоге  Шаблон-Изменить HTML. (Внимание! Нужно обязательно сделать резервную копию шаблона блога перед любыми изменениями в нем).
Поиском (в шаблоне, а не на странице!) находим такие слова: post-share-buttons

Они часть этого куска кода:
<div class='post-share-buttons goog-inline-block'>
<b:if cond='data:post.sharePostUrl'>
<b:include data='post' name='shareButtons'/>
</b:if>
</div> 

Этот кусок надо закомментировать (как в примере ниже) или вовсе удалить.

<!-- <div class='post-share-buttons goog-inline-block'>
<b:if cond='data:post.sharePostUrl'>
<b:include data='post' name='shareButtons'/>
</b:if>
</div>-->

Нажимаем "Просмотр". Если все в порядке, то сохраняем шаблон и переходим непосредственно к вставке кнопок.

Я буду вставлять кнопки с ресурса Pluso - кнопки для добавления контента в соц сети

Выбрал предложенные по умолчанию третий ряд сверху



Средние, круглые, в одну строку, горизонтальные, со счетчиком и с фоном. Получил код

<script type="text/javascript">(function() {
  if (window.pluso)if (typeof window.pluso.start == "function") return;
  if (window.ifpluso==undefined) { window.ifpluso = 1;
    var d = document, s = d.createElement('script'), g = 'getElementsByTagName';
    s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true;
    s.src = ('https:' == window.location.protocol ? 'https' : 'http')  + '://share.pluso.ru/pluso-like.js';
    var h=d[g]('body')[0];
    h.appendChild(s);
  }})();</script>
<div class="pluso" data-background="#b5b4ca" data-options="medium,round,line,horizontal,counter,theme=03" data-services="vkontakte,odnoklassniki,facebook,twitter,google,moimir,email,print"></div>
Затем начал пробовать вставлять:
1. После каждой статьи. Вставить код в "Настройки" - "Сообщения ..." - "Шаблон сообщений"
Естественно ничего не произошло. Но создал новое тестовое сообщение, и вот они на месте в конце статьи. Не понравилось. Фон не нужен и надо сделать отступ внизу статьи. Поменял код на Pluso (удалил фон и добавил Evernote и Яндекс.Закладки, кроме того уменьшил размер на маленькие и на квадратные) и в этот раз вставил и в шаблон и в html этой статьи.
Все прошло как нельзя лучше.

Fixed top menu logo

Alexandr Ratt
Блог создан для изучения технологии создания и продвижения блогов или сайтов на территории интернета. Наполнения сайта контентом, а также проблемам работы соц сетей и заработка.

gplus facebook twitter vk