Как установить кнопки от Pluso на blooger Blogspot

Привет читатели. Вообще то про эти кнопочки, на просторе интернета писано переписано. Но когда читатели просят, есть повод и себе написать. Тем более мне кажется пост будет очень даже полезным и понятным в моем объяснении.

Для начала зайдите на официальный сайт этих кнопочек, выберите дизайн, добавьте социальные сети путем перетягивания.

Далее скопируйте код и вставьте в шаблон.

ниже этого<div class='post-footer-line post-footer-line-3'><span class='post-location'>Или ниже<a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>

В каждом блоге по разному( связанно с дизайном),  поэтому вам придется самим найти куда вставить код.

Кнопки появятся и на главной странице под каждым постом,  и в конце  каждого поста, как бы дублируются. В первом случае (нажимая на соц. кнопки на главной странице), когда хочется поделиться постом будет получаться, что делятся самим блогом а не постом. Когда же открывают ваш текст и нажимают  на социальные кнопки, то в этом варианте делятся именно вашим новым интересным контентом.  (Фото прилагается с  блога  простых рецептов http://lnv-blog.blogspot.com/)

С точки зрения оптимизации, такое дублирование не совсем правильно, да и на главной странице как по мне не совсем хорошо смотрится. Поэтому скрипт от  Pluso нужно закрыть  на главной странице, но показать под каждым постом, а также вывести их по центру и красиво оформить в рамочку, так сказать привлечь внимание ваших читателей.

Для этого скрипт нужно заключить в html код, вот так:

<b:if cond='data:blog.pageType == &quot;item&quot;'> <table bgcolor='#E0E0E0' border='2' bordercolor='#FF0000' cellpadding='6' cellspacing='0' height='100' width='585'><tr><td><h4 style='text-align: center;'><span style='color: #975609'> Понравилась статья? Поделитесь с друзьями:</span></h4><center>  

<script type='text/javascript'>(function() {  if (window.pluso)if (typeof window.pluso.start == &quot;function&quot;) return;  if (window.ifpluso==undefined) { window.ifpluso = 1;    var d = document, s = d.createElement(&#39;script&#39;), g = &#39;getElementsByTagName&#39;;    s.type = &#39;text/javascript&#39;; s.charset=&#39;UTF-8&#39;; s.async = true;    s.src = (&#39;https:&#39; == window.location.protocol ? &#39;https&#39; : &#39;http&#39;)  + &#39;://share.pluso.ru/pluso-like.js&#39;;    var h=d[g](&#39;body&#39;)[0];    h.appendChild(s);  }})();</script><div class='pluso' data-background='transparent' data-options='medium,round,line,horizontal,counter,theme=03' data-services='vkontakte,odnoklassniki,facebook,twitter,google,yandex,moimir,liveinternet,livejournal,bobrdobr,moikrug,pinterest,bookmark'/> 

</center></td></tr></table></b:if>

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

Для тех кто хочет поиграть с кодом:

 height='100' width='585'> - высота (100) и ширина (585) рамки
<span style='color: #975609'> цвет вашей подписи
bgcolor='#E0E0E0' - цвет фона в рамке
bordercolor='#FF0000' - цвет рамки

Пожалуй на этом все Па-па.