Новый факт про Pinterest

Привет!

Меня снова здесь будет много в ближайшее время! Писательский подъем, знаете ли)))

Оказывается, что мой пост про то, как установить кнопку PinIt, самый популярный у меня в блоге, после МК по помпонам из салфеток, конечно))))

Так вот, уже давно такой "крутой эксперт" по Pinterest мучился от того, что хотелось с абсолютного любого сайта прикрепить пин к своей доске. И натыкаясь на сайты/блоги, в которых не установлена такая крутая кнопка как у меня и которую я всем советую установить, я расстраивалась!

Но оказалось, что прогресс уже перерос мой гениальный пост про кнопку и теперь вообще не нужно ничего в свой блог устанавливать.

Сегодня я открою ужасный секрет!))))))
Теперь установив дополнение Pinterest для браузера Chrome эта кнопка будет на любом изображении, на которое вы наведете мышь! Гениально, не правда ли?

Итак! Это займет 2 минуты, не больше!

Открываем Chrome далее > Настройки - Расширения - Еще расширения - Поиск по слову Pinterest -
Расширение Pinterest - Установить! Все!

Наслаждайтесь и пополняйте свои доски на Pinterest! Мои можно найти тут

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

Этот удобен вам, чтобы отправлять на доску чужие фото, с тех ресурсов где нет специальной надстройки в виде появляющейся кнопки PinIt. А старый способ не лишит людей приколоть  ваше фото к своей доске.

В общем, всем PinIt!

Как изменить внешний вид кнопки Pin It

Привет! Продолжу повествования про Pinterest.

В комментариях к предыдущему посту Катя задала резонный вопрос - "как вместо круглой кнопочки на фото, сделать прямоугольную, маленькую?"

Рассказываю!

Первый способ - простой

Та кнопочка, которую предлагает сам Pinterest.com. Именно про нее спрашивала Катя.

Чтобы поменять кнопку, нужно опять вернуться в то место, куда мы с вами вставляли кусок кода из предыдущего поста:

1. Открываем Шаблон -> Изменить HTML

2. С помощью Ctrl+F ищем var bs_pinButtonURL

3. Вместо "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXrOfiP_f5VVzH5N41rXa0EjHtNlzNjTpqcuX4y3LPIbZxJWNujnQDAErC9VwSPEe7wK2KMzDBc_v1U1O5nqVWCDyC9AjgztjLnYWGLRXPQZcFSFyMBQ19euk8tcpaB2PlC7buS5JgxyWN/s1600/pinterestx1_72.png" вставляем "//assets.pinterest.com/images/pidgets/pin_it_button.png"

Вуа ля и у вас уже новая кнопочка!

Второй способ - продвинутый с секретом

Для того, чтобы установить персональную кнопку придется немного пошаманить! Т.к. у платформы Blogger нет возможности загружать файлы на файловую систему, в отличии от сайтов с персональным хостингом, то приходится искать обходные пути.

Какая у нас задача? Нам нужно куда-то загрузить картинку, чтобы потом можно было вставить путь к ней в шаблон нашего блога.

Я для себя открыла вариант с созданием Черновика сообщения, в котором у меня хранятся картинки для разных кнопок.

Как это работает? 

1. Создаем Черновик сообщения и в него добавляем нужную картинку. 

2. Переходим в режим HTML все в том же сообщении и копируем путь к картинке.

Теперь этот путь можно вставить как и в первом способе в пункте 3. И тогда вместо большой круглой кнопки у вас появится загруженная картинка.

В Интернете есть множество бесплатных кнопок Pin It. Идем по сслыкам и скачиваем архивы с картинками. Сразу скажу - все архивы проверила на вирусы - все чисто. Сайты все англоязычные - не пугаемся!

Архивы распаковываем и ищем понравившуюся картинку.

Бесплатные кнопки Pin It 

Кнопочки от Pixtea

Как установить кнопку Pinterest на фото в Blogger

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

Наверное, кто-то из вас уже знаком с этим "зверем" и активно "Pin It" понравившиеся картинки в любимых блогах. Особенно часто такой сервис попадается в зарубежной блогосфере и не зря. Давайте попробуем разобраться почему.

Социальная сеть Pinterest появилась только в 2012 году, но уже сейчас в ней десятки миллионов пользователей и тонны фотография. Правда в России она пока не столь популярна. Но все в наших руках. Да и потом, всегда приятно когда кто-то оценит ваше творчество, не правда ли ;) пусть это будет даже не потенциальный покупатель из США или Голландии.

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

Это справедливо как со своими картинками, так и с картинками с других блогов. При этом выгода очень ощутимая, т.к. всегда присутствует активная ссылка на автора.

Такого рода "сарафанное радио" очень полезное для наших с вами блогов. Оповещения в сети Pinterest очень развернутое. И многие смогут увидеть твои "пины" и поделиться ими с друзьями в свою очередь.
Чтобы иметь возможность просматривать картинки других и делиться своими для начала необходимо зарегистрироваться.
Pinterest  предлагает 2 способа регистрации - через e-mail или через аккаунт Facebook.
Оба способа вполне просты и каждый, разобравшийся в регистрации на Blogger, думаю справится ;)

После регистрации вы получаете доступ к своему аккаунту. Там вы можете создавать свои альбомы (Boards), в которые будете помещать свои фотографии или те, которые вы нашли и посчитали интересными и относящимися к теме альбома.
Фотографии в борд можно загрузить с диска или подгрузить со своего блога. Эти функции находятся под "плюсиком" в правом верхнем углу.

А сейчас главное! Как установить кнопку Pin It на картинку, чтобы при наведении мышкой появлялся значок "P", позволяющий вашим читателям в любой момент опубликовать вашу фотографию в Pinterest, таким образом показав ее своим друзьям.

Пошаговая инструкция

1. Открываем Шаблон -> Изменить HTML
2. С помощью Ctrl+F ищем тег </body>
3. Перед ним вставляем код
<script>
//<![CDATA[
var bs_pinButtonURL = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXrOfiP_f5VVzH5N41rXa0EjHtNlzNjTpqcuX4y3LPIbZxJWNujnQDAErC9VwSPEe7wK2KMzDBc_v1U1O5nqVWCDyC9AjgztjLnYWGLRXPQZcFSFyMBQ19euk8tcpaB2PlC7buS5JgxyWN/s1600/pinterestx1_72.png";
var bs_pinButtonPos = "topright";
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'>
// This Pinterest Hover Button is brought to you by bloggersentral.com.
// Visit http://www.bloggersentral.com/2012/11/pinterest-pin-it-button-on-image-hover.html for details.
// Feel free to use and share, but please keep this notice intact.
</script>

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

Если нам, по какой-то причине, не нужна кнопка "Pin It" на картинке, то ее можно просто убрать написав к тегу <img> инструкцию class='nopin' (делаем это в режиме HTML в окне редактирования сообщения).

Выглядеть в режиме HTML это должно примерно так:

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2UoHQcaFLFa3L0-FZ7yZXR1VnJJTi8gGMtaID054k24ciLKD2839ah6umZwpZHwrQKpniX2yZ-Kfrde2Z9zrVMGz8awzPrDeuDBg4Nays9A2vFkZwxiapWzluqMN9TMzZOLBUi2C2p5Y/s1600/_MG_0234.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" class='nopin' height="427" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2UoHQcaFLFa3L0-FZ7yZXR1VnJJTi8gGMtaID054k24ciLKD2839ah6umZwpZHwrQKpniX2yZ-Kfrde2Z9zrVMGz8awzPrDeuDBg4Nays9A2vFkZwxiapWzluqMN9TMzZOLBUi2C2p5Y/s640/_MG_0234.jpg" width="640" /></a>

Еще можно поменять положение кружочка "P" на фото. Например, нам хочется видеть его в центре изображения. Не проблема!

В скрипте просто меняем var bs_pinButtonPos = "topright"; на var bs_pinButtonPos = "center";

Возможные значения этого параметра:  center, topleft , topright , bottomleft , bottomright.

Итак, мы установили кнопку. Теперь посмотрим, что она нам дает.

Когда мы нажимаем на кнопку "Р", то видим такое вот окошечко.

В нем можно выбрать "board" (проще говоря, галерею) и написать описание к фото. По умолчани. в поле описание вставляется заголовок поста, что тоже часто бывает удобно. По этому описанию пользователи сети смогут находить ваши фотографии и любоваться! 
Так что, отнеситесь ответственно к написанию описания (простите за каламбур)!

Давайте теперь еще раз подведем итог!
Что нам дает установка кнопки "Pin It" на фотографию?
Каждый читатель нашего блога может одним нажатием кнопки поделиться нашей фотографией со своими друзьями в сети Pinterest.
Вывод - чем больше вы имеете подписчиков, тем больше ваша аудитория - простая истина социальных сетей.
Давайте дружить и в Pinterest тоже! Тем более, что этот способ не требует от вас практически никакого времени.
Хотя в нем можно зависнуть очень надолго, разглядывая красивые фото других участников))) Но это уже совсем другая история!

UPD

Еще один урок Pinterest - Blogger "Как изменить внешний вид кнопки Pin It"

UPD 2 
Теперь можно не устанавливать отдельно кнопку в блог. Ее можно целиком встроить в браузер! Как это сделать читайте тут.
Но если вы хотите, чтобы пользователи любых браузеров могли приколоть пин с вашей страницы, то установить можно и этим способом.