Blogger Tips

Blog Translation Widget for Blogger / Blogspot

2011-01-18T22:21:00.000-08:00

You must have seen a lot of "Translate This Blog" Widgets on other wordpress and blogger blogs.So i thought of making a once click installable widget for the same.To install this language translation widget you just have to use widget installation button over here.

How to Install the Blog Translation Widget For Blogger

<div  style="padding:10px 3px 3px  10px;text-align:center;"><!&#8212;google flags&#8212;  translate mini><div align="left"><!&#8211; to beta add  &#8211; english (simplified) chinese><a style="cursor:pointer;  cursor:hand;" target="_blank" rel="nofollow"  onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Czh-CN&hl=en&ie=UTF8');  return false;" title="Google-Translate-Chinese (Simplified)  BETA"><img alt="Google-Translate-Chinese (Simplified) BETA"  border="0" align="absbottom" title="Google-Translate-Chinese  (Simplified) BETA" height="24"  src="http://files.bloggerplugins.org/chineese.png"  style="cursor:pointer; cursor:hand;" width="24"/>  Chinese</a><!&#8211; to english (simplified) end chinese  beta&#8211;><br/><!&#8211; to add &#8211;  english french><a style="cursor:pointer; cursor:hand;"  target="_blank" rel="nofollow"  onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cfr&hl=en&ie=UTF8');  return false;" title="Google-Translate-English to French "><img  alt="Google-Translate-English to French " border="0" align="absbottom"  title="Google-Translate-English to French " height="24"  src="http://img75.imageshack.us/img75/1959/frenchvw7.jpg"  style="cursor:pointer; cursor:hand;" width="24"/>  French</a><!&#8211; to &#8211; english french  end><br/><!&#8211; to add german &#8211;  english><a style="cursor:pointer; cursor:hand;" target="_blank"  rel="nofollow"  onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cde&hl=en&ie=UTF8');  return false;" title="Google-Translate-English to German"><img  alt="Google-Translate-English to German" border="0" align="absbottom"  title="Google-Translate-English to German" height="24"  src="http://files.bloggerplugins.org/german.png" style="cursor:pointer;  cursor:hand;" width="24"/> German</a><!&#8211; to german  &#8211; english end><br/><!&#8211; to italian add  &#8211; english><a style="cursor:pointer; cursor:hand;"  target="_blank" rel="nofollow"  onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cit&hl=en&ie=UTF8');  return false;" title="Google-Translate-English to Italian"><img  alt="Google-Translate-English to Italian" border="0" align="absbottom"  title="Google-Translate-English to Italian" height="24"  src="http://files.bloggerplugins.org/italian.png" style="cursor:pointer;  cursor:hand;" width="24"/> Italian</a><!&#8211; to  italian &#8211; english end><br/><!&#8211; to beta  add &#8211; english japanese><a style="cursor:pointer;  cursor:hand;" target="_blank" rel="nofollow"  onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cja&hl=en&ie=UTF8');  return false;" title="Google-Translate-English to Japanese  BETA"><img alt="Google-Translate-English to Japanese BETA"  border="0" align="absbottom" title="Google-Translate-English to Japanese  BETA" height="24" src="http://files.bloggerplugins.org/japanese.png"  style="cursor:pointer; cursor:hand;" width="24"/>  Japanese</a><!&#8211; to beta &#8211; english end  japanese><br/><!&#8211; to beta add &#8211; english  korean><a style="cursor:pointer; cursor:hand;" target="_blank"  rel="nofollow"  onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cko&hl=en&ie=UTF8');  return false;" title="Google-Translate-English to Korean  BETA"><img alt="Google-Translate-English to Korean BETA"  border="0" align="absbottom" title="Google-Translate-English to Korean  BETA" height="24" src="http://files.bloggerplugins.org/korean.png"  style="cursor:pointer; cursor:hand;" width="24"/>  Korean</a><!&#8211; to beta &#8211; english korean  end><br/><!&#8211; to beta russian add &#8211;  english><a style="cursor:pointer; cursor:hand;" target="_blank"  rel="nofollow"  onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Cru&hl=en&ie=UTF8');  return false;" title="Google-Translate-English to Russian BETA  "><img alt="Google-Translate-English to Russian BETA " border="0"  align="absbottom" title="Google-Translate-English to Russian BETA "  height="24" src="http://files.bloggerplugins.org/russian.png"  style="cursor:pointer; cursor:hand;" width="24"/>  Russian</a><!&#8211; to beta russian &#8211; english  end><br/><!&#8211; to spanish add &#8211;  english><a style="cursor:pointer; cursor:hand;" target="_blank"  rel="nofollow"  onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7Ces&hl=en&ie=UTF8');  return false;" title="Google-Translate-English to Spanish "><img  alt="Google-Translate-English to Spanish " border="0" align="absbottom"  title="Google-Translate-English to Spanish " height="24"  src="http://files.bloggerplugins.org/spanish.png" style="cursor:pointer;  cursor:hand;" width="24"/> Spanish</a><!&#8211; to  spanish &#8211; english  end></!&#8211;></!&#8211;></!&#8211;></!&#8211;></!&#8211;></!&#8211;></!&#8211;></!&#8211;></!&#8211;></!&#8211;></!&#8211;></!&#8211;></!&#8211;></!&#8211;></!&#8211;></!&#8211;></div><sup><br/>Powered  By</sup><td class="gsc-branding-img-noclear"><img  src="http://img137.imageshack.us/img137/7204/googlelogode0.png"  class="gsc-branding-img-noclear"/><small><noscript><a  href="http://www.bloggerplugins.org" target="_blank">+</a><a   href="http://www.bloggerplugins.org/2008/06/blog-tanslation-widget-for-blogger.html"  target="_blank">Grab this  widget</a></noscript></small></td></!&#8212;google></div>

Note: If you are reading this in a Feed Reader the widget installer wont be displayed properly.So visit the actual article on the site to install the widget.

20+ Useful Blogger Widgets and Hacks

2011-01-18T06:27:00.000-08:00

Blogger is a great free blog platform that is improving every day. New useful hacks and widgets are being created on a regular basis. Here is a list of some of the very best blogger widgets and blogger hacks that will improve the usability of your blog.

Blogger Hacks

Related Posts Widget
Display related posts beneath each of your blog posts. Links are displayed based on labels given to each post.

Tag Cloud Widget
Display a simple tag cloud in your blog's sidebar. The tags are displayed based upon the labels given to each post.

Random Posts Button
This widget creates a link for your template that directs users to a random post when clicked on.

Change the Favicon
Are you tired of the regular organge favicon provided by blogger? This tutorial will teach you how to display your own customized favicon.
Read more »

How to Change the Favicon in Blogger

2011-01-18T05:32:00.000-08:00

Blogger supplies every blog with the standard orange "B" blogger favicon. Having your own unique favicon is a great way to give your blogger template both a distinct and explicit brand. These small 16X16 pixel images will most definitely help your blog stand out from the rest of the blogspot blogs.

What is a Favicon?
A favicon is a small 16X16 image located at the top of your browser in the url bar.

How to Change your FaviconRead more »

Weather Widget for Website & Blog

2011-01-18T05:26:00.000-08:00

Having the latest weather updates on your blog keep your site alive and fresh for your visitors. The easiest way to show off your local weather forecast on your website is with weather widgets, which can easily be implemented in your blog. Each weather widget displays the temperature, wind details, and much more.

Ibegin Weather Widget
Just enter your City, Zip Code, or State to show your local weather forecast. This weather widget will show the current weather and weather forecast with small icons.Read more »

10 Facebook Widgets and Tools for Your Website and Blog

2011-01-18T05:22:00.000-08:00

Facebook is the largest social networking site with more than 400 million active users and is growing larger every day! Make sure to use these Facebook widgets to connect with your large Facebook audience through your blog or website. You can use these tools to easily share certain profile information, websites, blogs, and businesses with the Facebook community.

Personal Profile Widgets

Profile Badge
Create a Facebook profile badge to share selected profile information on your website. A profile badge will allow your users to easily connect with you and add you as a friend.
Read more »

Add Google Buzz Share Button - Widget for Blogger

2011-01-18T05:20:00.000-08:00

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

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

Add Button to print the post or download in pdf with PrintFriendly

2011-01-10T23:05:00.000-08:00

Thanks to the service that I present in this article you can place a button at the bottom of the post on Blogger blogspot (and others) to give the user a chance to view a printable version without graphics and boundary element on the blog, but with PrintFriendly the result is a bit 'cleaner and you can also download content directly to a pdf.
As always, it is always better to make a backup of the template of Blogger before starting to edit it, to go back if things did not go as expected.

-- Generate button to PrintFriendly

Go directly to the page generation code of the button to this address, and in the window that appears choose Blogger and graphic style for the button you like:
Read more »

Recover deleted blog - ( undelete, restore the blog )

2010-12-19T23:38:00.000-08:00

Blogger has not too long ago introduced 3 new functions - Import blog, Export blog, Delete blog accessible via Dashboard > Settings > Basic (see screen shot below):

If you want to delete the blog, just click on Delete blog and it will be done. Now Blogger has also made it easier for you to recover (undelete) your deleted blog. If you go to the Dashboard, you will see a list of your blogs, some of which may be hidden (at the bottom of the list of blogs may be the statement for example - "displaying 4 of 5 blogs" with 1 hidden):
Read more »

How to Include Html Code Within a Blog Post

2010-12-15T07:24:00.000-08:00

Maintaining a blog is not a big deal. Most people know how to publish a post in a blog. I have been using blogspot blogs for quiet a long time. Whenever we publish post, we can see the source code means html code for the posts. In blogspot we can see the html edit section also.

Some days before I was trying to publish a post regarding html code that gives a particular result. But whenever I tried to put that code in my post, it was showing the result. My aim was to show that particular html code group as a new post.