Help Us To Improve, We Need Your COMMENTS
|
|
read more |
---|
Now Google has introduced their Official Google Buzz Buttons.Buzz Buttons help people share stuff from your website in Google Buzz. You can add this buzz button to your blogger blog or website easily.Below I explain how to add this official Google buzz button to blogger with or without share count.
1.Log in to your dashboard--> layout- -> Edit HTML
2.Click on "Expand Widget Templates"
3.Scroll down to where you see this:
<data:post.body/>
4.Now copy one of the below codes and paste it just before the above line.
Button 1 : Button + counter : Post count - On the top
Code:
<div style='float:right; margin-right:10px;'> <a title="Post on Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-count"></a> <script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script> </div>
Result:
Button 2 : Button + counter : Post count - On the side
Code:
<div style='float:right; margin-right:10px;'> <a title="Post on Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="small-count"></a> <script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script> </div>
Result:
Button 3 : Button only : Size - Normal
Code:
<div style='float:right; margin-right:10px;'> <a title="Post on Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-button"></a> <script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script> </div>
Result:
Button 4 : Button only : Size - Small
Code:
<div style='float:right; margin-right:10px;'> <a title="Post on Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="small-button"></a> <script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script> </div>
Result:
Button 5 : Link
Code:
<div style='float:right; margin-right:10px;'> <a title="Post on Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="link"></a> <script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script> </div>
Result:
5.Now save your template and you are done.