Let's share it ...
Spread words to world
There are six Google Buzz Button styles below :
Normal Count :
5
Small Count :
1
Normal Button :
Small Button :
Link :
Buzz
Follow :
Now How to add Google Buzz Button to your Blogger Blog ? ...
1. Login to blogger with your ID
2. Click design
3. Click edit html
4. Click download full template
5. Tick expand widget template
6. Find code below :
</body>
press (Ctrl+F) to easily find.
7. Copy code below and paste it just below the above code.
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>
8. Now find code below :
<div class='post-header-line-1'/>
press (Ctrl+F) to easily find.
9. Copy your google buzz button code and paste it just below the above code.
NOTE : If you can not find <div class='post-header-line-1'/> in your blogger template, paste your google buzz button code just before <data:post.body/>
Code 1 : Normal Count
<b:if cond='data:blog.pageType == "item"'>
<div style='float:right;margin-left:10px;margin-bottom:10px;'>
<a title="Post to Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-count"></a>
</div>
</b:if>
Code 2 : Small Count
<b:if cond='data:blog.pageType == "item"'>
<div style='float:right;margin-left:10px;margin-bottom:10px;'>
<a title="Post to Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="small-count"></a>
</div>
</b:if>
Code 3 : Normal Button
<b:if cond='data:blog.pageType == "item"'>
<div style='float:right;margin-left:10px;margin-bottom:10px;'>
<a title="Post to Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-button"></a>
</div>
</b:if>
Code 4 : Small Button
<b:if cond='data:blog.pageType == "item"'>
<div style='float:right;margin-left:10px;margin-bottom:10px;'>
<a title="Post to Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="small-button"></a>
</div>
</b:if>
Code 5 : Link
<b:if cond='data:blog.pageType == "item"'>
<div style='float:right;margin-left:10px;margin-bottom:10px;'>
<a title="Post to Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="link"></a>
</div>
</b:if>
Code 6 : Follow
<b:if cond='data:blog.pageType == "item"'>
<div style='float:right;margin-left:10px;margin-bottom:10px;'>
<a target="_blank" title="Follow on Google Buzz" class="google-buzz-button" href="Your Google Profile URL" data-button-style="follow">Follow on Buzz</a>
</div>
</b:if>
Example of your google profile url : http://profiles.google.com/rakatababy.
If you want to know your google profile URL, you can click Google Profiles
10. Click save template and done.
Now you've already added google buzz button in blogger.
