Кнопка Pinterest на изображениях блога

Pinterest – очень популярная зарубежная социальная сеть изображений. Здесь пользователи делятся интересными картинками, ссылки с которых ведут на сайты-источники. С этой сети можно получить хороший трафик. Я хочу поделиться с вами скриптами, которые добавят на ваши изображения вашего блога кнопки pinterest.
1 способ добавления кнопки Pinterest (pin in) на изображения:
Для Blogger – добавьте код перед тегом </body> в редакторе html кода Шаблона блога.
Для wordress – можете добавить виджет Текст и добавить в него скрипт:

<script type="text/javascript" data-pin-hover="true" src="//assets.pinterest.com/js/pinit.js"></script>

Теперь при наведении курсора на картинку в левом верхнем углу будет всплывать кнопка pinterest:

2 способ
Скрипт добавляем также, как и в первом способе (в тело шаблона блога). Только код скрипта другой:
/*

<script>
//<![CDATA[
var bs_pinButtonURL = "https://3.bp.blogspot.com/-y3xzTGiGzH0/UK4XOaUpdaI/AAAAAAAADw8/Z1MH4Jr4Efo/s1600/pinterestx1_72.png";
var bs_pinButtonPos = "center";
var bs_pinPrefix = "";
var bs_pinSuffix = "";
//]]>
</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'></script>
<script id='bs_pinOnHover' src='http://greenlava-code.googlecode.com/svn/trunk/publicscripts/bs_pinOnHoverv1_min.js' type='text/javascript'>
</script>

Этот код добавляет кнопку Pin it в центральную часть каждого изображения. Возможно другое размещение кнопки. Для этого замените значение var bs_pinButtonPos = "center"; на:

• topleft – сверху слева,
• topright – сверху справа,
• bottomleft – снизу слева,
• bottomright – снизу справа.

Вы можете поменять кнопку Pinterest на собственную. Для этого измените прямую ссылку на изображение-кнопку (выделена в желтым) на другую.
Если вы хотите указать более точное значение расположение кнопки, то в шаблоне блога blogger добавьте код .pinit-wrapper {margin:-10px;} перед тегом ]]</b:skin>

Заключение. Не зависимо от того, каким способом вы добавили кнопку pinterest на изображение, вы можете удалить кнопки с картинок, на которых не хотите видеть этой кнопки. Например, изображение профиля, ваши личные фото и пр.
Для этого в редакторе html отдельного сообщения добавьте к коду изображения nopin=”nopin”:

скриншот кликабелен