Страницы

среда, 24 июля 2013 г.

Как изменить внешний вид кнопки 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. Идем по сслыкам и скачиваем архивы с картинками. Сразу скажу - все архивы проверила на вирусы - все чисто. Сайты все англоязычные - не пугаемся!
Архивы распаковываем и ищем понравившуюся картинку.


Кнопочки от Pixtea