December 27, 2008

Add Language Translator/ Flags Images Widget To BlogSpot Blog


If you are having a blog and receiving visitors from various countries and cities of the world, then they may or may not be comfortable with the language of your blog. So adding a translator button or a widget is always useful.
If you do not know the location of visitors coming to your blog, then you should first read my post on track your blog's visitors.

You have two options to add a translator:
1. By this method, you will get a compact translator, with a drop-down menu. And the method is really simple too.
You can see this translator in action in the sidebar of this blog.

To add a widget/gadget do this:
Log in to Blogger
Go to Layout and then Add a Gadget -> HTML/Javascript
Now copy and paste this code in to it:

<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>

*source - Google

Although by this method you will get a compact translator widget, but if you do not want to show the link to Google, and rather you would like to show some flags of different countries, like this one:




| | | | | | |

| | | | | |

| | | | | | |

| | | | | | |

| | | | | |


To get these flags translator buttons, you have "Add a new Gadget" -> HTML/Javascript
then copy and paste the code from this page: Website Translator Flags Code

NOTE: In that code, you have type your Blog's Address in the appropriate places [In the 8th and 9th Lines]


23 comments:

zockye said...

thanks

RV2x08 said...

nice work!thanks!:D

JRN_FinDelCapital said...

I added the flags translator button in myt blogger site but I get anything on the screen.It only opens a new window with the backround color of my blog(black) but the writtings never come up....Why_?

Syed Jawaid said...

lolzzzz


justshowing image

but there is nolink open after clicking images

you can translate your self after watching the flage i think

hehehehehe

NISHA YADAV said...
This comment has been removed by the author.
rdpogs said...

many flags.. thanks for the blog site.

Have you heard about Mojofiti.com? http://www.mojofiti.com is a website where anyone can get an international blog and every entry, email and group is translated into 28 different languages for free. It's awesome, finally a world without language barriers!

language translation said...

Both the two option of adding language translations/flag images widget to blogspot are nice...thanx......good job.

Software Bali said...

my blog indonesian...how can i translate to english..no english flag i found

Trigonal said...

@Software Bali:
just replace "pageLanguage: 'en'" (no quotes) with "pageLanguage: 'id'" (no quotes)

I hope that will help you :)

Ciprian Faur said...
This comment has been removed by the author.
Ciprian Faur said...
This comment has been removed by the author.
Ciprian Faur said...

How can I translate my blog in English,using the 2nd option (the one with flags)? I think that I need an UK flag.And I must declare somewhere in code that original source is romnian. Can i make all of these?

Esti said...

Thanks a lot. It's so useful.

jules said...

Thanks a lot!

Abhishek Indapurkar said...

Thanks a lot!!!!!Really helpful!!!!!:))

ZENITS COMPUTER said...

Owww.... Thanks,,,Its cool... :)

Togi Alex said...

how do I change the image size flag?Thx
Alex (http://lexmove.blogspot.com/)

Mario zoner said...

very cool

thanks to your post

visit my blog too http://mariozoner.blogspot.com

Simon Zeynep said...

Does the flags link http://www.mydatanest.com/files/dsai588/65737_t5yk0/Translator.htm acutally work? I've clicked on it, made and ate lunch, did the dishes and come back to my computer that's still trying to connect to it.

Shony said...

Nice topic. Please find the code for language translator with small beautiful flags
http://shonythomas.blogspot.com/2011/12/google-language-translator-gadget-html.html

Ivanna said...

It worked :D :))
Thank you!!!
Ivanna Kemp
www.brige91.blogspot.com

ciupanezu_danezu said...

slab ....

Language Translation Services said...

thanks a lot to given the useful information

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

comment on this post Share Your Views

Allowed HTML tags: <b>, <i> and <a>

Join and share your views with other bloggers at BloggerStop Community

Comment Like This! and Optimize your blog...

SPAMMER OF THE MONTH: www[.]TopRankLinks[.]com

Next Post Homepage Previous Post

Regular Readers


What They Say...

Divya Sai is the ingenious webmaster of Bloggerstop.Net. Divya is extremely patient, knowledgeable and responsive... Bloggerstop.net has an abundance of articles on creating widgets, templates, hacks and ways to make your blog search engine friendly.
- Stacey @Pets With Allergies
I stumbled onto a great site. Sai, over at Bloggerstop.net has helped me tremendously and with great patience...for any and all questions regarding computer issues. And again, THANK YOU Sai.
- Cheryl @Cmash Loves To Read

More Here...

Popular Posts

Get this widget

| © 2010 BloggerStop.net | Blogger Widgets | Template by Dicas Blogger | Enhanced By Divya Sai | Privacy Policy