Add Google Buzz Button With Counter in Blogger
1.Log in to your dashboard--> Desing- -> Edit HTML
2.Click on "Expand Widget Templates"
3.Scroll down to where you see <div class='post-header-line-1'/> tag.
4.Now copy one of the below codes and paste it just before the above line.
Button 1 Post count - on the side
<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>
Button 2 Post count - on the top
<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>
Button 3 : Size - Small
<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>
Button 4: Size - Normal
<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>
5. Now Save Template You are done.
No comments:
Post a Comment