Jqury Tutorial

A Simple Drop-Down Menu Using Jquery

04 Nov 2010

The last two drop down menu tutorials on this blog use background images in the menu-tabs...

Read More

CSS Tutorial

Image Hover Effect using CSS

10 May 2012

Today I am going to tell you how to change opacity (transparency) of the image and add image hover ...

Read More

Blogger Widgets

Add Google Buzz Share Button - Widget for Blogger

06 Nov 2010

Google Buzz is a great social tool which is very similiar to Twitter and Facebook. It's a wo...

Read More

SEO

Recent Posts

How we can download the Original size of Picture or photo from facebook

15 May 2012

Hy Guys this me Shaan Ali Choudhry; Many people ask me about this question How we can download the Original size of Picture or photo from facebook.? While we are save as its saved in small size.Here is is a unique Tutorial which is very easy to learn how to download image from faceb...

0 comments

Read More

How to Add Meta Tags and Blog Description to Blogger Blogspot

13 May 2012

Meta tags are very helpful for search engines to find your site. Actually they describe your site. You can add meta tags to blogger blogs too. Here is step by step on how to add meta tags to blog spot blogs. 1. Login to your blogger account 2. Go to Blogger Dashboard – Design – and cli...

0 comments

Read More

How to Disable Facebook Timeline App-Bloger Tricks

11 May 2012

Facebook timeline is a great way of displaying your old photos, memorable posts and apps with your friends and family. This feature changes your entire Facebook Profile layout into a more attractive look. today I am sharing the tutorial on how to completely remove the timeline app from yo...

0 comments

Read More

How to Show HTML and JavaScript Codes within Blogger Posts

10 May 2012

While writing my blog posts for my readers I noticed that every time I use "<" or ">" signs to show JavaScript or HTML codes and snippets within my Blogger post editor in "Edit HTML" mode, it's not visible. This happens because Blogger post editor recognizes it as snippets...

1 comments

Read More

Add Google Buzz Share Button - Widget for Blogger

Posted by Unknown | Saturday, November 6, 2010 | Filed under , , , , . Follow any responses to the RSS 2.0. Leave a response

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
Birthday Calculator
Pakistan Complete Telephone Directory
Free Love Calculator
Currency Converter

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.

0 comments for "Add Google Buzz Share Button - Widget for Blogger" Leave a reply

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