помогите установить кнопку гугл +1

вот такую кнопку хочу установить http://www.google.com/webmasters/+1/button/

Смотрите тут: http://www.google.com/webmasters/+1/button/index.html

это, я видела, только не совсем понимаю как это сделать? можно поподробнее, мне надо разжевать )))

В шаблон overall_header (Верхняя часть страницы) перед </head> ставите скрипт

Код:

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

Сохраняете, публикуете шаблон.

В виджет на главной странице ставите код кнопки

Код:

<g:plusone size="tall"></g:plusone>

После этого открываете любую тему на Вашем форуме, кликаете по кнопке в виджете:


Появится предложение зайти под Вашим Гугл-аккаунтом / либо сразу предложение нажать на кнопку создать профиль и добавить +1


Жмете. После этого в поисковике под указанной темой форума будет вот такая пометка:

Даначка а как эту кнопку <g:plusone size="small"></g:plusone> поставить тут https://i.imgur.com/0ESrd.jpg благодарю.

Для этого в шаблоне overall_header (Верхняя часть страницы) надо поставить в навигацию блок с кнопкой, выровненный по правому краю:

<div id="pun-navlinks"><div class="right"><g:plusone size="small"></g:plusone></div>

Спасибо!!!А скажи еще как и это рядом с Гуглом + поставить:

Код:

<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FPareabiz%2F139999736035082%23%21%2Fpages%2FPareabiz%2F139999736035082%3Fv%3Dwall&amp;layout=button_count&amp;show_faces=true&amp;width=450&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe>

Тогда так: в шаблон, точно туда же, куда ставили кнопку +1 копируется конструкция:

Код:

<div id="pun-navlinks"><div class="re"><g:plusone size="small"></g:plusone><div><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FPareabiz%2F139999736035082%23%21%2Fpages%2FPareabiz%2F139999736035082%3Fv%3Dwall&amp;layout=button_count&amp;show_faces=true&amp;width=170&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:170px; height:21px;" allowTransparency="true"></iframe></div></div>

и сохраняется, публикуется.
А в CSS - это:

Код:

.re {
float: right;
text-align: right;
}
.re div {
float: right;
}

P.S. скоро сделают отдельный виджет для данных кнопок

и проблем с установкой не будет.

Спасибо!!

А можно их на одном уровне (Высоте) сделать?

Так их, к сожалению, не поставить.