TutorialWebForBlogger

TW4B It's about a blog that talking about blogging widgets, blogger template tutorials, search engine optimization SEO and other useful blogging tips

There are six google buzz button styles below : Normal Count : 5 Small Count : 1 Normal ...

How to Add Google Buzz Button in Blogger

Google Buzz Button There are six google buzz button styles below :


Normal Count :

5

Small Count :

1

Normal Button :
Buzz

Small Button :

Buzz Button

Link :

Buzz

Follow :

Buzz Stuff Follow

Now How to add google buzz button on your 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 == &quot;item&quot;'>
<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 == &quot;item&quot;'>
<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 == &quot;item&quot;'>
<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 == &quot;item&quot;'>
<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 == &quot;item&quot;'>
<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 == &quot;item&quot;'>
<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 on your blog.

There are no comments yet for 'How to Add Google Buzz Button in Blogger'