Кнопка Pinterest — виджет на изображении для Blogger

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

Кнопка Pinterest — виджет на изображении для Blogger

В этом посте я предоставлю вам виджет, который поможет вам получить больше обратных ссылок на свой блог с соц. сетей, всякий раз, когда любой читатель проведет своей мышью по изображению, которая имеется (как я думаю) в статье вашего блага, кнопка Pin It автоматически будет появиться на изображении.

Этот виджет на изображение закрепить очень просто. Виджет автоматический подбирает правильное название поста и его URL. Также виджет автоматический заполняет описание изображения с помощью title статьи. Этот виджет работает на всех браузерах и код виджета очень мал, что делает его установку очень простым.

Добавление виджета Pinterest на Blogger

  • Перейдите к панели инструментов Blogger
  • Нажмите на Шаблон >> Изменить HTML >> Расширить шаблоны виджета
  • Теперь найдите </body> в поиске
  • И вставьте ниже приведенный код над </body>

<script>

//<![CDATA[
var  bs_pinButtonURL = "http://3.bp.blogspot.com/-HfUSaJfr7t4/UNVXY5qwP9I/AAAAAAAAHyA/amPXEMKhKJM/s1600/pinterest-icon+(2).png";

var bs_pinButtonPos = "center";

//]]>

</script>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>

<script src='http://lordhtml.opendrive.com/files/MV81OTY2MjE0X01Rcmg5/pin.js' type='text/javascript'/>

<!-- please do not alter or remove the following code -->

<div id='bs_pinOnHover'><a href=' http://tidun-soft.ru/'>Pin It button on image hover</a></div>

  • Теперь нажмите на кнопку «Сохранить шаблон»

Я надеюсь, вы найдете эту кнопочку у себя при наведении на картинку. Если чего-то не понятно пишете, рад буду помочь. Удачи :).

2 Комментариев к “Кнопка Pinterest — виджет на изображении для Blogger

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>