Google Buzz Share Button - Widget for Blogger

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.

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 directlybefore it.
   

   <data:post.body/>

6. Now save your template.

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.

Read More

How to Add Cute Feedburner box to Blogger /blogspot

Follow simple and easy step to adding this feed box to blogger ---->>>>

* First go to your blogger Dashboard.

* Now click in design tab and edit HTML.

* Click in small box to expand your blogger Template.

* Now find this code </head> by CTRL+F key.

* Copy below code and paste before </head>

<style type="text/css">
.newsletter-outer  {
border : 1px solid #cecece;
padding : 3px;
margin-bottom : 10px;
}
.newsletter {
background : url(http://santabanta.mywapblog.com/files/newsletter-bg.gif) no-repeat center top;
height : 68px;
padding-top : 17px;
padding-left : 75px;
color : #fff;
}
#sidebar .newsletter a, #sidebar .newsletter a:visited {
color : #fff;
}
.newsletter form {
font-size : 14px;
}
.newsletter #subscribe_email {
vertical-align : top;
margin-right : 5px;
padding : 3px;
background : none;
width : 190px;
} 
</style>

* Now click to save your blogger template.

* Again go to your blogger Dashboard and click in design tab.

* Now you are here --->>> Page Element.

* Click in Add Gadget which is in blog sidebar.

* When open new window click in HTML/javascript from list.

* When open new blank box copy below code and paste in blank box. 

<div class="newsletter-outer">
 <div class="newsletter">
  <form action="ENTER HERE YOUR FEEDBURNER EMAIL URL" method="post" name="newsletter" id="newsletter">Enter your email address:
   <div><input type="text" name="subscribe_email" id="subscribe_email" /><input type="image" src="http://santabanta.mywapblog.com/files/go.gif" name="submit" id="sumbit" /></div>

  </form>
  <a href="ENTER HERE YOUR FEED URL/">Subscribe to RSS Feeds</a>
 </div>

NOTE:- Remove Highlighted text from above code with your own.


* Now click to save your HTML/javascript and now you are done,

Read More