Google Translator with Flag.

Grow your audience by helping him to translate his native language.Every people can understand his native language.To translate language to native language we use Google Translator which supports more than 55 language.

When the Translator will not work?

• If you have added meta tags that prevent translation of Page.
• If you have wrapped using <code> tag.
• Using notranslate classes.eg. <span class=”notranslate”>Blogger Rounder</span>.If you translate this page blogger rounder will not be translated

Translation Code.

Language	Code	Language	Code
AFRIKAANS	af	ITALIAN	it
ALBANIAN	sq	JAPANESE	ja
ARABIC	ar	KOREAN	ko
BELARUSIAN	be	LATVIAN	lv
BULGARIAN	bg	LITHUANIAN	lt
CATALAN	ca	MACEDONIAN	mk
CHINESE	zh	MALAY	ms
CHINESE_SIMPLIFIED	zh-CN	MALTESE	mt
CHINESE_TRADITIONAL	zh-TW	NORWEGIAN	no
CROATIAN	hr	PERSIAN	fa
CZECH	cs	POLISH	pl
DANISH	da	PORTUGUESE	pt
DUTCH	nl	PORTUGUESE_PORTUGAL	pt-PT
ENGLISH	en	ROMANIAN	ro
ESTONIAN	et	RUSSIAN	ru
FILIPINO	tl	SERBIAN	sr
FINNISH	fi	SLOVAK	sk
FRENCH	fr	SLOVENIAN	sl
GALICIAN	gl	SPANISH	es
GERMAN	de	SWAHILI	sw
GREEK	el	SWEDISH	sv
HAITIAN_CREOLE	ht	TAGALOG	tl
HEBREW	iw	THAI	th
HINDI	hi	TURKISH	tr
HUNGARIAN	hu	UKRAINIAN	uk
ICELANDIC	is	VIETNAMESE	vi
INDONESIAN	id	WELSH	cy
IRISH	ga	YIDDISH	yi

Getting Flags.

To get the Flags just go to following sites

• Custom Icon Design
• FamFamFam or
• MarkFennel.com

Download those flags and host it in picture hosting and get direct links.

Adding It in Blogger

1. Go to Blogger Dashboard>layout or Design
2. Click on Add a Gadget
3. Select HTML/JavaScript
4. Add the Google Translator  codes.
5. Click on Save Button

Adding it in Word Press

1. Go to Word Press Dashboard
2. In Appearance click on Available widget
3. Drag Text Widget to Sidebar
4. Add the Google Translator codes at Word Press
5. Click on Save.

Google Translator Codes

The codes of Google Translator Looks  this

<!-- Translate flag BEGIN --> 
<!-- by bloggerrounder.blogspot.com -->
<a class="br-gtranslate" onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=SourceLangCode|TargetLangCode&amp;hl=InterfaceLangCode'" title="Translate to TargetLangName" target="_blank"><img border="0" style="cursor: pointer;" src="FlagIconUrl" /></a> 
<!-- Translate flag END –>

Where,

1. SourceLangCode is the orginal language code of URL.Source Language code of Blogger Rounder is en .
2. TargetLangCode is the code which you want the page to be translated when the  flag icon is clicked.For eg  if I want to translate Blogger Rounder in Hindi the TargetLangCode is hi  .
3. InterfaceLangCode language is Google bar language.From Above example InterfaceLangCode is hi (hindi) .
4. TargetLangName is the name of language which we are going to translate.For example we are going to translate english to hindi then TargetLangName is Hindi .

For above example ,

If we want blogger rounder to translate in hindi then Google Translater codes is this .

<!-- Translate flag BEGIN --> 
<!-- by bloggerrounder.blogspot.com -->
<a class="br-gtranslate" onclick="href='http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=en|hi&amp;hl=hi'" title="Translate to Hindi"><img border="0" style="cursor: pointer;" src="http://www.famfamfam.com/lab/icons/flags/flags_preview_large.png" /></a> 
<!-- Translate flag END –>

In browser that codes will be flag like this

Styling the Widget

• To style the widget just add following CSS codes.

  .br-gtranslate {
  /*CSS Styling codes Here*/
  }

• If you don’t know how to add CSS then refer here.

Enjoy! Comment us if you have any queries.

Admin of Blogger Rounder
Shirshak is the Administrator of the Blogger Rounder who thinks he will die next to Blogger. He is Completely devoted to Blogger and thinks Web Designing will makes is career.You contact using contact form from navigation tab to him.You can find him in Twitter.

Subscribe for free
Thanks for visiting Blogger Rounder.We can subscribe to Blogger Rounder'^s by RSS feed or email updates.