How To Add Google Translate Widget to Blogger

Translate widget is necessary for any native website or Blog. Suppose your site is in Bangla or Hindi language but containing some unique articles, in this case by using translator, people from any other language speaking area can read your contant and enrich their knowledge. In many cases we have seen that some local website with native language publish article or information first at that case if that website or blog content translator widget then readers from around the world can read that article. Similarly in Google Blogger we have a default widget but may users don't like to add it because of  generic style and looks. So here is custom translate widget which will look professional and this will match with many types of template. It is very easy to install in Blogger template. And note that this widget will use Google translator to translate your Blog. So custom code has added to customize the original Google translate widget.

  → First log into blogger first
  → Click Layout
  → Click the tab Page Element
  → Click Add a Gadget
  → Select Add HTML / JavaScript Copy paste code translate down into the fields.

<form action="http://www.google.com/translate" > <script language="javascript" type="text/javascript"> <!-- document.write ("<input name=u value="+location.href+" type=hidden>") // --> </script> <noscript><input name="u" value="http://YOURBLOGNAME.blogspot.com/" type="hidden" /></noscript> <input name="hl" value="en" type="hidden"> <input name="ie" value="UTF8" type="hidden"> <input name="langpair" value="" type="hidden"> <input name="langpair" value="en|ar" title="Arabic" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/358406/gse_multipart12399.png" height="20" type="image" width="30" onclick="this.form.langpair.value=this.value"> <input name="langpair" value="en|zh-CN" title="中?(??)/Chinese (Simplified)" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/546049/gse_multipart12397.png" height="20" type="image" width="30" onclick="this.form.langpair.value=this.value"> <input name="langpair" value="en|zh-TW" title="中?(??)/Chinese (Traditional)" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/208681/gse_multipart12398.png" height="20" type="image" width="30" onclick="this.form.langpair.value=this.value"> <input name="langpair" value="en|fr" title="Français/French" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/327620/gse_multipart12413.png" height="20" type="image" width="30" onclick="this.form.langpair.value=this.value"> <input name="langpair" value="en|de" title="Deutsch/German" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/734899/gse_multipart12400.png" height="20" type="image" width="30" onclick="this.form.langpair.value=this.value"> <input name="langpair" value="en|it" title="Italiano/Italian" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/306145/gse_multipart12401.png" height="20" type="image" width="30" onclick="this.form.langpair.value=this.value"> <input name="langpair" value="en|ja" title="日??/Japanese" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/443122/gse_multipart12402.png" height="20" type="image" width="30" onclick="this.form.langpair.value=this.value"> <input name="langpair" value="en|ko" title="한??/Korean" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/581031/gse_multipart12403.png" height="20" type="image" width="30" onclick="this.form.langpair.value=this.value"> <input name="langpair" value="en|pt" title="Português/Portuguese" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/670301/gse_multipart12404.png" height="20" type="image" width="30" onclick="this.form.langpair.value=this.value"> <input name="langpair" value="en|ru" title="Р??????/Russian" src="http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/111692/gse_multipart12405.png" height="20" type="image" width="30" onclick="this.form.langpair.value=this.value"> <input name="langpair" value="en|es" title="Español/Spanish" src= "http://photos1.blogger.com/x/blogger2/6075/564571464515337/1600/z/998398/gse_multipart12407.png" height="20" type="image" width="30" onclick="this.form.langpair.value=this.value"> </form> <a href=' http://blogger-templatees.blogspot.com/2015/06/how-to-add-google-translate-widget-to.html' target='_blank'>ADD THIS WIDGET TO YOUR BLOG</a>

NOTE : Remember to replace YOURBLOGNAME with your real blog name.

Let your readers easily translate your blog with this highly compact widget. This blog translator is powered by Google Translate. The languages available at the click of a flag are Chinese, German, French, Japanese, Korean, Russian, Spanish and other languages.