Как изменить внешний вид кнопки 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

Моя первая сумка!

Вот и настал тот день, когда меня отпустил ремонт и появилось время сесть и сшить маленькую сумочку. Уже давно готовила себя морально к тому, что надо бы попробовать! 

Купила МК у Тони Optimistic ;) на Etsy, в качестве тестовой покупки, и как самую простую по ее словам)) 

Правда оказалось, что все совсем не сложно и нечего было столько собираться. 

Дня три подбирала ткани))) Позавчера вечером все раскроила, а вчера после работы и вечерней пробежки по Кусковскому парку, в 8 часов засела за выполнение проекта! В 11 все уже было готово. Даже, как ни странно, обошлось без распарывания и особенных косяков.

Тонь, классный МК и очень функциональная сумочка.

Начинаю хвастатсься!

Позволила себе вольность ;) и сделала ремень раздвигающийся на шлевке (не зря же я у Кати Хрусталевой покупала)  

Теперь можно и через плечо и на плече носить. 

  Абсолютно спокойно влезла книжка, телефон и кошелек. Место еще осталось даже.

В следующий раз сделаю еще внутренний кармашек. 

И укреплю любимым бандо заднюю стенку. Хочется поплотнее. 

Классная получилась сумочка! Цветочек я, наверное, уберу, а то он какую-то детскость привносит.

P.S. Скоро планирую покупать еще один рулон бандо - 50 метров! Если кому надо - welcome. Записывайтесь в комментариях, или оформляйте покупку через ЯМ.

Единственное - я с 25 июля по 4 августа буду в отпуске и смогу встретиться или отправить по почте только после возвращения.

Время розовой черешни

С начала лета жду, когда появится розовая черешня. 

Люблю ее больше всех, даже больше приторно сладкой черной, размером со сливу! 

И за цвет люблю, и за вкус! Особенно холодную!

А в этом году еще и для того, чтобы по фотографировать ждала))

Наелась и нафотографировалась!

 

Отчет о ремонте! УРА!

Вот не прошло и 3 месяцев как я закончила ремонт в комнате на даче! Еще перед майскими праздниками анонсировала свой мега проект по обустройству комнаты. В моем распоряжении была большая мансардная комната на втором этаже.

Все выходные с майских праздников были посвящены всякого рода ремонтным работам!

И вот наконец-то я собралась все оставшиеся силы и совершила подвиг - поставила точку в этом проекте!

Я очень довольна результатом! Стало намного свободнее, хотя состав мебели не изменился! Загадка)

Наверное, это такой эффект дает белый цвет. Вообще стало очень светло и ярко!

Очень мне нравится, какое яркое пятно привносит стул! 

Одним словом - УДОВЛЕТВОРЕНИЕ!

Как установить кнопку 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="http://3.bp.blogspot.com/-rfY2TVDd6_o/Udw7hH0veII/AAAAAAAAFxo/k4XLC9G8YK4/s1600/_MG_0234.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" class='nopin' height="427" src="http://3.bp.blogspot.com/-rfY2TVDd6_o/Udw7hH0veII/AAAAAAAAFxo/k4XLC9G8YK4/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 
Теперь можно не устанавливать отдельно кнопку в блог. Ее можно целиком встроить в браузер! Как это сделать читайте тут.
Но если вы хотите, чтобы пользователи любых браузеров могли приколоть пин с вашей страницы, то установить можно и этим способом. 

Магазинчик Green Gate в Праге

Продолжу свои повествования по следам поездки в Чехию. 

Сегодня мы с вами вместе заглянем в магазин  Apropos в Праге, и еще в парочку, мимо которых я не смогла пройти.

В очередной дождливый день мы все таки решили раньше положенного срока уехать из Праги и двинуть дальше, в надежде что впереди дождь поутихнет. Но на тот момент мной еще не был посещен главный магазин, в котором продается Green Gate. Поэтому ребята поехали вперед, а мы еще заехали в центр "по делам". 

Мой драгоценный супруг, под страхом быть оштрафованным, стоял на синей зоне, на которой могут стоять только местные жители с пропусками, но все обошлось! На мое счастье!

Все заказы были набраны быстро и осталось самое ужасное - выбрать что же хочу Я!

В очередной раз убедилась, что наличие выбора - это ужасно! А финансовые ограничения - еще ужаснее!)))

Те, кто следит за моими записями, уже видел мой улов.

Моя жаба так и не позволила мне купить эти прекрасные сапоги! Жалею конечно!

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

P.S. Я с нетерпением жду решения вопроса о контракте с Green Gate, чтобы все желающие могли обрести такие вот красоты!

Малиновый завтрак

Как-то небывало рано в этом году у нас малинка созрела, в связи с чем воскресный завтрак было решено украсить малиновым цветом!

  

  

 Овсянка, сэр!

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

Дачный ответ - Детали новой комнаты

Утро доброе!
Наверное уже все и забыли, что я перед майскими праздниками анонсировала приближающийся ремонт в комнате на даче! Но было такое. И было обещание показать, что из всего этого выйдет.

Я конечно все делаю медленно и с удовольствием. Было и так, что сделала, не понравилось, пришлось переделывать. А там пока найдешь, пока купишь... вот и пролетело уже два месяца. Да и делать то получается только в выходные. Надо сказать, что не все еще доделано.
Остался пол, но т.к. мебель из комнаты вынести невозможно, то приходится  переставлять ее с места на место))

Без пола общий план "не комильфо", поэтому не покажу пока! Но могу уже показать детали!

В итоге были покрашены оба комода в белый!
За кадром пока остались  - Книжные полки - 2 голубые и одна белая, стол - голубой и стул в желтый) В следующие выходные покажу обязательно. И пол тоже - он сохнет пока.

Помните в детстве была такая заставка перед фильмами какими-то, на которой лампочка прыгала?)) Вспомнилось, глядя на эту, кажется что она сейчас упрыгает!