понедельник, 8 августа 2011 г.

Кнопка «Google +1» — как установить её под каждым постом в Blogger.

Всем известно, что Google не так давно запустил свою  новую социальную сеть Google Plus.
О ней уже много сказано, и, наверное, все вы там уже есть.

Поэтому, кроме прочих кнопок различных социальных сетей, под нашими постами теперь не помешает и кнопка +1 от Google.
Эту кнопку можно добавить встроенной в Blogger по умолчанию функцией в настройках (так, к примеру, эта кнопка работает в этом блоге, который вы сейчас читаете).
Но что делать, если мы уже поставили себе кнопки для добавления во "вконтакте", "livejournal","моём мире" как написано в моём посте ранее?

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

На сайте Google, посвящённой этой кнопке, есть код для размещения её на сайте.
Её можно поставить и на блог Blogger. Но это будет одна кнопка на весь блог.

Каким образом сделать так, чтобы она появилась под каждым постом отдельно? Следующим образом (на всякий случай, как обычно,сохраняем у себя резервную копию своего шаблона):
Необходимо зайти в раздел "редактировать HTML" в наших настройках блога, поставить галочку на "Расширить шаблоны виджета" и перед закрывающим тегом </body> вставить следующий код:

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"> {lang: 'ru'} </script>

Этот код ссылается на родной официальный скрипт, который хранится на серверах компании Google.

Дальше внимание: после этого надобно припомнить пост, где я писал про добавление кнопок социальных сетей в Blogger.
И туда же, к остальным кодам где располагаются коды кнопок различных вконтакте и фейсбука, необходимо добавить (скажем, сразу после кнопки twitter-а) следующий код:

<a class='shareme'><g:plusone expr:href='data:post.url' size='medium'/></a>

Этот последний код немного отличается от предлагаемого на сайте Google. В чём отличие?
Если добавлять этот код, который предлагаю я - кнопка будет появляться после каждого поста, и работать под каждым постом автономно. Если ставить гугловский код - кнопка также появится под каждым постом, но будет работать так, как будто она одна на весь блог (хотя и в разных местах).

У меня это работает - можете посмотреть под одним из постов.

5 комментариев:

  1. Здравствуйте! Появился новый блог о лечении с помощью керосина.

    Блог о медицине

    ОтветитьУдалить
  2. Спасибо за полезную информацию. С вашей помощью я добавила и себе кнопочку

    ОтветитьУдалить
  3. На данный момент у всех блогов на блоггере по умолчанию стоит эта кнопка.

    ОтветитьУдалить
  4. Сделал, теперь можно каждый пост отдельно плюсовать.

    ОтветитьУдалить