Статичная кнопка +1 для Google+

Pervushin.Com » Wordpress, Полезняшки » Статичная кнопка +1 для Google+

Пост будет совсем коротенький. Просто сообщить хотел, что кнопку +1 от google можно делать такой, какой захотите, какой она гармонично впишется в дизайн сайта, если не подходит стандартная (кстати, тут вот другие кнопки для сайта).

Что нам для этого потребуется? Кнопки в формате png, обычно этот формат используется, и код самой кнопки, которая будет вызывать дополнительное окно с сообщением добавляемого контента.

Как добавить на сайт статичную кнопку для google plus?

Кнопки есть, ниже вы их можете увидеть и скачать. Код есть, но я как обычно работаю с wordpress и код соответственно будет под эту систему, хотя при желании изменить некоторые параметры не составит труда.

Итак, начнем с кнопок. Вот такие варианты кнопок я вам предлагаю:

Все это дело аккуратно уложено в psd файл (забирайте), слои не склеены, можно модифицировать как заблагорассудится.

Переходим ко второму этапу – код. Для wordpress код будет выглядеть таким образом:

5
<a onclick="window.open('https://plusone.google.com/_/+1/confirm?hl=ru&url=<?php the_permalink(); ?>', 'gplusshare', 'width=626, height=436'); return false;" href="https://plusone.google.com/_/+1/confirm?hl=ru&url=<?php the_permalink(); ?>" rel="nofollow"><img src="путь к кнопке google plus/googleplus.png" width="88" height="21" title="Поделиться с друзьями в G+"></a>

Разберем его:

1. URL адрес google + (https://plusone.google.com/_/+1/confirm?hl=ru&url=), который будет добавлять +1 и отправлять анонс страницы, на которой эта кнопка установлена.

2. Тег <?php the_permalink(); ?>, вместо которого будет подставляться URL страницы, на которой находится кнопка. По этому URL g+ будет выдергивать заголовок, анонс страницы и первую попавшуюся картинку в контенте.

3. В теге <img src=”путь к кнопке google plus/googleplus.png” width=”88″ height=”21″ необходимо указать путь к изображению кнопки и размеры этой самой кнопки.

Код размещаем в нужном месте сайта. Он подходит как для ленты (index.php, главная, вторая, третья и т.д. страницы), так и для одиночных записей (single.php).

Ссылку на этот пост добавил в статью “Кнопки социальных сетей“. А если вдруг хотите оригинальную g+ кнопку, тогда вам сюда.

Удачи Вам друзья и побольше +1 от посетителей!

p.s. сегодня в google показали оригинальную “фишку”. Вводишь в поисковик запрос “let it snow” и все вроде как обычно, но затем на экране начинает валить снег, а экран покрывается льдом!

Новогодняя фишка от Google: экран покрывается льдом!

Этот лед, кстати, как и в жизни можно отогревать пальцем. Для этого зажимаем левую кнопку мышки и водим по экрану. Я написал “pervushin.com:) :

Стирать обледенение экрана можно пальцем!

Сладкое на сегодня: Пример шикарного вирусного ролика! Наслаждайтесь :) :

Другие записи из категории "Wordpress, Полезняшки":

Метки: , , , ,

Сделайте, пожалуйста, репост этой статьи, друзья:

Понравилось? Получайте новые материалы Pervushin.com по RSS каналу, присоединяйтесь ко мне в twitter, а еще лучше - оставьте свой email и я отправлю Вам новые статьи ;):

  • http://yocarlos.ru/ Tony

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

    • http://www.yocarlos.ru/ Tony

      пс. заходи на мой новый блог)

      • http://pervushin.com/ Сергей Pervushin.com

        Был уже, а что с прошлым блогом?

    • http://pervushin.com/ Сергей Pervushin.com

      Нет, набора нет, но где-то видел..поищу – свистну ;)

  • http://twitter.com/mybrains Андрей

    Спасибо. Очень помогли обе ваши статьи с кнопками. 

  • http://www.facebook.com/people/Дмитрий-Пушкаренко/100003250501662 Дмитрий Пушкаренко

    Модернизация кнопок это интересная тема. Нужно попробовать.