
Adding a buzz button in every blog post is very easy. Just add the codes below in your bogs HTML page.
- Log in Blogger.com
- Go to Layout > Edit HTML
- Tick on "Expand Widget Templates" with your left mouse button.
- Search <div class='post-header-line-1'/> and add the code just after this line.
- or
- search for <data:post.body/> and paste the codes just before this line.
<div style="float:right;padding:4px;">Now we will add Buzz button with counter. With this button you can know how many times this post has been shared with your blog readers.
<a expr:href='"http://www.google.com/buzz/post/?url=" + data:post.url + "&title=" + data:post.title + "&srcTitle=" + data:blog.title+ "&srcURL=" + data:blog.homepageUrl ' rel='nofolloW' style='text-decoration:none;' target='_blank'>
<img alt='Buzz It' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijSZFLS0pJYJMBifxFhBKrFATnwJFEU6KksfiWh6wN3qS8BGUDuhoND2MEPDyPGScCRInyz8QWAkTC9liHRrgj5GunR0uRO6DskiOMW72FzXKmECm0kbLrEwxLyAxtlPGABUgYdqs83BQ/s320/googlebuzz.gif' style='border:0px;'/></a>
</div>
<div style="float:right;padding:4px;">This code will show a image like below.
<a title="Post on Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="normal-count" data-locale="en_IN" rel="nofollow" expr:data-url='data:post.url'></a>
<script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script>
</div>

If you think that this image is quite bigger then try some other method. You may notice that I have marked "normal-count' words in bold and red color. This is the code which can be changed for smaller Buzz share button. Change that words with "small-count".
If you want to styles like the images below then use this code:
<div style="float:right;padding:4px;"> <script type='text/javascript'> njuice_buzz_url = '<data:post.title/>'; njuice_buzz_title = '<data:post.url/>'; njuice_buzz_share = 'reader'; njuice_buzz_size = 'small'; </script> <script type='text/javascript' src='http://button.njuice.com/buzz.js'/> </div>



Make your desired Buzz button from Google official page and add the code like the code below.
<div style="float:right;padding:4px;">Paste the codes into "Your collected code goes here" area and save the changes.
Your collected code goes here
</div>
No comments:
Post a Comment
Please help me to improve my English. Please Email me or comment below. Thanks...