Статичная кнопка +1 для Google+
Пост будет совсем коротенький. Просто сообщить хотел, что кнопку +1 от google можно делать такой, какой захотите, какой она гармонично впишется в дизайн сайта, если не подходит стандартная (кстати, тут вот другие кнопки для сайта).
Что нам для этого потребуется? Кнопки в формате png, обычно этот формат используется, и код самой кнопки, которая будет вызывать дополнительное окно с сообщением добавляемого контента.
Кнопки есть, ниже вы их можете увидеть и скачать. Код есть, но я как обычно работаю с 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» и все вроде как обычно, но затем на экране начинает валить снег, а экран покрывается льдом!
Этот лед, кстати, как и в жизни можно отогревать пальцем. Для этого зажимаем левую кнопку мышки и водим по экрану. Я написал «pervushin.com» :):
Сладкое на сегодня: Пример шикарного вирусного ролика! Наслаждайтесь :):
спасибо за кнопочку, а есть у тебя какой нибудь наборчик кнопочек? можешь ссылочку дать
пс. заходи на мой новый блог)
Был уже, а что с прошлым блогом?
Нет, набора нет, но где-то видел..поищу — свистну 😉
Спасибо. Очень помогли обе ваши статьи с кнопками.
Модернизация кнопок это интересная тема. Нужно попробовать.
спасибо за статью, помогла!