Help Us To Improve, We Need Your COMMENTS

    read more

    Google Buzz Buttons and Counter

    0

    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.

    Posted on : | By : Er. Ankita Dhiman | In :

    One Response to "Google Buzz Buttons and Counter"

    Followers