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

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

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

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

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

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

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

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

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

3. Вместо "http://3.bp.blogspot.com/-y3xzTGiGzH0/UK4XOaUpdaI/AAAAAAAADw8/Z1MH4Jr4Efo/s1600/pinterestx1_72.png" вставляем "//assets.pinterest.com/images/pidgets/pin_it_button.png"

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

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

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

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

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

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

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

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

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

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

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

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

Кнопочки от Pixtea