Як вставити кнопку Google Buzz для Blogger

Жива стрічка Google Buzz після своєї появи відразу стала дуже популярна, адже принцип роботи її так схожий на вже полюбилися багатьом користувачам такі соціальні проекти як Twitter і Facebook.

З'явилася можливість розміщення кнопки Google Buzz і в Blogger. Для цього необхідно зайти "Панель інструментів"> "Дизайн"> "Змінити HTML". Не забудьте поставити галочку "Розширити шаблони елемента керування". Знаходимо наступний елемент коду:

1	<div class="post-header-line-1">

і відразу пілся нього вставляємо такий код

1 2	<div style="float:right;padding:4px;"><a style="text-decoration:none;" rel="nofolloW" target="_blank"> <img style="border:0px;" src="http://i48.tinypic.com/idyc04.png" alt="Buzz It" /></a></div>

Для установки кнопки з лічильником можна вставити замість цього кода, такий:

1 2 3 4 5 6 7 8

<div style="float:right;padding:4px;"> <script type='text/javascript'> njuice_buzz_url = '<data:post.title/>'; njuice_buzz_title = '<data:post.url/>'; njuice_buzz_share = 'reader'; </script> <script type='text/javascript' src='http://button.njuice.com/buzz.js'/> </div>

Для зміни розміру кнопки перед стрілочкою

1	njuice_buzz_share = 'reader';

можна вставити

1	njuice_buzz_size = 'small';

або

1	njuice_buzz_size = 'simple';

Дописано о 14.30 1.04.10

Проте мені, після кількох спроб і помилок, став більше до вподоби такий варіант.
Якщо нам потрібна кнопка з правого боку, вставляємо такий код:

<div style="float:right;padding:4px;">


<script src='http://www.buzrr.com/button.js'/>

</div>

А якщо з лівого, то такий:

<div style="float:left;padding:4px;">

<script src='http://www.buzrr.com/button.js'/>

</div>

Дописано об 14.45 1.04.10

Цей варіант також не дуже підходить для Blogger.

Додано  о 15.05 1.04.10

Знаходимо секцію

1.<b:includable id='post' var='post'>

2.  <div class='post hentry'>

3.   //Место для добавления Google Buzz Button!

4.   ...

5.  </div>

6.</b:includable>

і додаємо такий Html-код

1.<div style="float:right;">

2. 

3.  <a expr:href='&quot;http://www.google.com/reader/link?url=&;quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;srcURL=&quot; + data:blog.homepageUrl '><img src='http://sscaos.googlecode.com/svn/trunk/img/googlebuzz.png'/></a>

4. 

5.</div>

Тепер все у мене вийшло :) і у вас вийде :)

Додано 02.04.10

І найпростіший варіант додавання кнопки, про який довідалася сьогодні: Для цього вам буде потрібно зайти на сайт buzrr.com, який відразу ж, запропонує вам перейти на сторінку створення кнопки. На даний момент на сайті надано 23 заготовки для кнопок, як маленькі, так і відносно великі з лічильником кліків. Є два види коду, для новачків і для більш досвідчених користувачів, у другому варіанті користувач має більшу можливість в налагодженні кнопки.