Adding Google Buzz Buttons Into Blogger Post is very cool idea for sharing. Google Buzz is free social bookmarking tool like Twitter and Digg. Google Buzz buttons looks very cool and pretty in blogger posts. So, you can insert these social icons like Google Buzz, Tweetme, Digg etc buttons into your posts for sharing these posts to other readers also. Its installation is very simple and easy. So lets start this job,
Add Google Buzz This Button to Blogger
1. Sign In to Blogger account
2. Go to Layout >Edit HTML
3. Backing up your Template First
4. Make sure that you check the “Expand Widget Templates” box.
5. Find this code from your Template
<div class=’post-header-line-1′/>
6. Add this Google Buzz code after this.
<div style=”float:right;padding:4px;”>
<a expr:href=’"http://www.google.com/reader/link?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=’http://i48.tinypic.com/idyc04.png’ style=’border:0px;’/></a>
</div>
7. If you did not find this code <div class=’post-header-line-1′/> then find this code <data:post.body/> and paste Google Buzz Button code before this code.
Google Buzz Button Looks like this below image.
8. Finish
For Compact Size Google Buzz Button You can insert 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’; </script> <script type=’text/javascript’ src=’http://button.njuice.com/buzz.js’/> </div>
The compact button size look like this image below,
Click Save Tempalte
{ 2 trackbacks }