Add Google Buzz Button to your Blogger posts

Integrating Google Buzz Button in Blogger posts with some simple hacks is very easy now. After introducing Google Buzz in global market now buzz have started to dominate the micro blogging arena and every blogger wants to Add Google Buzz Button in Blogger Blogs, With this service users can now share the stuffs with each other. Google have not provided any script for adding a social bookmarking button for your blog. So if you want to Add the Google buzz Button in your Blogspot posts then follow the steps given below here.

How to Add Google Buzz Button in Blogger Posts:

1: Login to Your Blogger Account.

2: On Your Dashboard, Click on Layout (see below shown picture for further assistance)

3:Now Click on HTML (see below shown picture for further assistance)

4: Now Check the box of Expand Widget Templates.

5: Now you can add the Google Buzz Button either at the end of the each post or below the title of the each post.

6: If you want to add the button at the end of each post then find this code in your template.

<data:post.body/>

Immediately After that Paste the code given below and Save your template and Done.

<div style='float:left;padding:2px;'><a expr:href='&quot;http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' rel='nofollow' title='buzz this'><img alt='buzz this' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdL2qqz2MM8mP8S7q3JNtS7GrFVG6iBgOyvy_j0SrMCZz660HW82qBGL-jXgEs6bA0EHzoqFUKMmY6r6DuweCLU0fmJF5NeSakMYDbo7N_C5YygJvnTro3eHYFZAI6rGM2k8XIduE_UMzg/s400/Google+Buzz.png'/></a></div>

7: If you want to add the button at the below the title of each post then find this code in your template.

<div class='post-body' entry-content'>

and immediately below it, paste the following code and Save your template and Done.

<div style='float:right;padding:2px;'><a expr:href='&quot;http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' rel='nofollow' title='buzz this'><img alt='buzz this' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdL2qqz2MM8mP8S7q3JNtS7GrFVG6iBgOyvy_j0SrMCZz660HW82qBGL-jXgEs6bA0EHzoqFUKMmY6r6DuweCLU0fmJF5NeSakMYDbo7N_C5YygJvnTro3eHYFZAI6rGM2k8XIduE_UMzg/s400/Google+Buzz.png'/></a></div>

If you have any trouble while implementing the code then comment below. Enjoy Buzzing

Saturday, May 22, 2010 | posted in Blogger Widgets | 2 comments [ More ]

Cool Widget To Increase Your Feed Count/Subscriber

One of the most important metric in assessing the quality of a blog is 'Subscriber Count'. Whenever a new visitor lands on your blog, subscriber count is one of the factor he/she takes into account before making up the mind for subscribing to blog feed. Of course, quality content is the most important factor in increasing the subscriber count, but apart from that, you can implement this widget to make users to Subscribe your feeds.

Steps To Add Feed Subscriber Widget
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. Now search for <p><data:post.body/></p>. In some of the templates this code may look like this
<div class='post-body>
or
<p><data:post.body/></p>

Add the following code just beneath the code you just searched for.

<div class="Email_Subscription"> <table BORDER = "1" width="100%"> <tr align="center" style="height:118px" > <td style="text-align:center;background-color:#292929;color:#ffffff"> <b>Get the Latest Blogger Hacks at your Inbox. Yes, it's all Free!!!</b> <br> <form style="text-align:center;background-color:#292929;color:#ffffff" action="http://www.feedburner.com/fb/a/emailverify" method="post" target="popupwindow" onsubmit="window.open('http://www.feedburner.com/fb/a/emailverifySubmit?feedId=2155099', 'popupwindow', 'scrollbars=yes,width=400,height=400');return true"> <p style="text-align:center;"><b>Enter your email address below</b><br/> <input style="text-align:center;" type="text" style="width:150px" name="email"/> <input style="text-align:center;" type="hidden" value="http://feeds.feedburner.com/~e?ffid=2155099" name="url"/> <input type="hidden" value="Computer Tips &amp Tricks" name="title"/></p> <input type="hidden" name="loc" value="en_US"/><br/><input type="submit" value="Get Blogger Hacks"/><br/></form> </td> </tr> </table> </div>

Note:
In this code http://www.feedburner.com/fb/a/emailverifySubmit?feedId=2155099'
Replace the feedID=2155099 with your Id

Tuesday, December 1, 2009 | posted in Blogger Widgets | 3 comments [ More ]

Bing Translator Widget For Websites & Blog

A Lightweight Translation Widget
Website owners and administrators with an international audience looking to provide a translated version of the content available without penalizing the performance of their sites can turn to the Bing Translator Widget. Built on top of the machine translation technology developed by the Microsoft Research Translator team, the widget is designed to streamline the on-demand translation of web-based text with no development efforts or the associated costs, except the investments made in Redmond.

The translation engine is worked on continuously to deliver better quality and more languages.

Click here to get Bing Translator Widget

Putting together a widget specifically designed for your website requires almost no effort on your behalf. Just head over to the Microsoft Translator Widget Beta portal, enter basic information about your website, tweak the few options available and generate the JavaScript code that can subsequently integrate along web-based content.



“Once this code snippet is pasted into an appropriate area of your page, the Translator widget appears on your site to your users in the language their browser is set to. This localization of the widget user interface ensures that your site's audience always sees "Translate this page" in their language and thereby are able to kick-off the translation. The translator team is also planning to add an "automatic" translation functionality, where you can set the widget to auto-translate the page into the visitor's browser language upon arrival.”

 

Saturday, October 24, 2009 | posted in Blogger Widgets | 0 comments [ More ]