Wednesday, January 13, 2010

How to add Google Translate Gadget to your blog

Though majority of peoples' main language in the Internet world are English (which is about 30%), there are good number of users who wants to see the website in other languages that they known better than english. If you look for number of Internet users by language you will see English users are around 27.6 %, Chinese 22.1 %, Spanish 7.9 %, Japanese 5.5 %, French 4.6 %, Portuguese 4.2 %, German 3.7 %, Arabic 2.9 %, Russian 2.6%, Korean 2.2 %, Italian 2.1 %.

So there is significant number of Internet users who wants to see the language of the website in their own language. If you have a website in english and your site is familiar you will see many ones of them using google translator tool to translate your website into their more familiar language and reading the content. In order to give more flexibility to your users you can add a translator gadget to your site by which users have the option to translate the language of your site into users preferred language automatically.

Step by steps of adding google translator gadget is described below.

Step 01: Sign in to your blogger account Blogger Dashboard. Check the image from the post How to add Recent Comments and Posts

Step 02: Click on Layout on the blog that you want to add Google Translator Gadget. After you click Layout then choose Page Elements. In the Add and Arrange Page Elements click Add a Gadget.
Check the example image from the step 2 and step 3 from the post How to add Recent Comments and Posts

Step 03: From the pop up window click HTML/JavaScript. See example image below.
javascript widget

Step 04: In the content box paste the following script if you want to convert language from english to other languages.
<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'en'
}, 'google_translate_element');
}
</script><script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>


Step 05: Save it and you are done.

However if your language is not English and you want to convert your non english site language into other languages or into specific languages please have a look at Google Translate Tools. From step 01 you can Select the language of your webpage and from step 02 Choose optional settings. You have option to choose All languages or Specific languages. In section 3 you will get your generated code.
Related Documents
http://arjudba.blogspot.com/2009/06/different-types-of-web-hosting-services.html
http://arjudba.blogspot.com/2009/07/how-to-add-site-to-yahoo-directory.html
http://arjudba.blogspot.com/2009/07/how-to-add-site-to-google-directory.html
http://arjudba.blogspot.com/2009/12/how-to-know-when-googlebot-last-crawled.html
http://arjudba.blogspot.com/2009/12/how-to-add-different-meta-tags-to.html
http://arjudba.blogspot.com/2009/12/how-to-disable-or-remove-blogger.html

http://arjudba.blogspot.com/2009/12/scrolling-text-effect-html-code-with.html

http://arjudba.blogspot.com/2009/12/how-to-post-larger-images-in-blogger.html

http://arjudba.blogspot.com/2009/12/how-to-transfer-or-sell-blogger.html

http://arjudba.blogspot.com/2009/12/how-to-add-email-subscription-form-to.html
http://arjudba.blogspot.com/2009/12/how-to-add-favicon-to-blogger-blogspot.html

http://arjudba.blogspot.com/2009/12/how-to-add-tag-cloud-category-to.html
http://arjudba.blogspot.com/2009/12/how-to-add-auto-read-more-feature-with.html

http://arjudba.blogspot.com/2010/01/how-to-stop-comment-spam-on-your-blog.html

http://arjudba.blogspot.com/2010/01/url-not-allowed-this-url-is-not-allowed.html

No comments:

Post a Comment