Добавление кнопки Google+1 на Blogger

Есть два варианта добавления кнопки Google+1.

1. Включить в шаблон кнопки "Поделиться" от Blogger.

Вы можете использовать те кнопки, которые у вас есть в шаблоне по умолчанию, в которых уже присутствует кнопка Google+1. Для этого идёте в Дизайн > Элементы страницы> Сообщения блога - Изменить, ставите галочку напротив "Показывать кнопки для публикации".

Сохраняете и смотрите, кнопки публикации Blogger должны появиться под сообщением.

2. Добавить кнопку Google+1 самостоятельно.
Страница разработчиков: Добавьте кнопку +1 на свой сайт.

2.1. Перейдите к панели инструментов Blogger >Дизайн >Изменить HTML, сделайте резервное копирование, поставьте галочку "Расширить шаблоны виджета". Ищем код</head>, с помощью комбинации клавиш CTRL+F, и перед </head> добавляем эту строчку:

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

2.2. После или до <data:post.body/>, в зависимости от того, где вы хотите, чтобы кнопка располагалась, после сообщения или до, добавляем:

<div>
<g:plusone size="standard" expr:href="data:post.url"/>
</div>

То, что я выделила красным, это переменная, которая отвечает за размер кнопки. Можете её менять.

standard - стандартная
medium - средняя
small - маленькая
tall - большая


Варианты:

Добавляем код из пункта 2.1.

Расположение кнопки в верхнем правом углу сообщения. До <data:post.body/> добавляем:

<div style='float:right'>
<g:plusone size="tall" expr:href="data:post.url"/>
</div>

Внизу сообщения. После <div class='post-footer'> добавляем:

<div>
<g:plusone size="medium" expr:href="data:post.url"/>
</div>

Если вы всё сделали правильно, в режиме просмотра вы должны увидеть кнопку на своём блоге. Не забудьте сохранить шаблон.