Jqury Tutorial

CSS Tutorial

Blogger Widgets

SEO

Recent Posts

Add Google Buzz Share Button - Widget for Blogger

0 Comments



Google Buzz is a great social tool which is very similiar to Twitter and Facebook. It's a wonderful way to engage and interact with your readers! Make sure to implement these Google Buzz buttons into your blogger posts, so that users can easily share your content on Google Buzz.

Add Google Buzz it Button to Blogger



1.                                Go to Layout >Edit HTML in your Blogger Dashboard.
2.                                Back up your existing Template before making any changes!
3.                                Make sure to check the "Expand Widget Templates" box.
4.                                Here is the Google Buzz it Code:

<div style="float:right;padding:4px;">
<a expr:href='&quot;http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;srcTitle=&quot; + data:blog.title+ &quot;&amp;srcURL=&quot; + 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>
5.                                Search for this line of code in your template:

<div class='post-header-line-1'/>
and place the Google Buzz it Code right after the code you searched for above.
If this doesn't work, then search for this code below and place the
 Google Buzz it Code directly before it.

<data:post.body/>
6.                                Now save your template and you're done!
Add Google Buzz Button with Share Count to Blogger
1.                                Here is the Google Buzz it with Share Count 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>
2.                                Place the Google Buzz it with Share Count Code either
directly
 after this:

<div class='post-header-line-1'/>
OR 
directly
 before this:

<data:post.body/>
3.                                To change the style of the widget add either 

njuice_buzz_size = 'small';
or 

njuice_buzz_size = 'simple';
just after 

njuice_buzz_share = 'reader';
4.                                Save your blogger template and you're done!














Your Ad Here




More Tools

www.ShaanAli.info







Email Subscription
Stay Updates with this Blog. You can get the new posts on your mailbox. To subscribe through email,
Enter your Email here:


Don't forget to confirm your email subscription.

Drop your comments Complaints Required Question In the Comments Box we Will reply you with in 24 hours