Google Translate Widget For Blogger

Blog visitors certainly not all one country, and not all have the same language. Therefore, to facilitate the visitors of different countries or languages​​, the need for translators on our blog. I’m sure that we are all not from the same country, and we all can’t read and understand all languages in the world, and as a blogger my self, sometimes i want to translate some blogs from various languages to English. The usual way is to copy the page url and then i go to google translate service and paste the url there then hit enter.

We can all short cut all this steps for our visitors by adding a great widget to our blog. it’s easy and one step trick. Then visitors will more easily understand the content of our blog and like our blog.

To add this widget to your blog, just go to your blogger Dashboard >> Design/Layout >> and on page elements page, Click Add A Gadget and choose HTML/JavaScript
Leave the title empty or type any title for your widget, and in the content area paste the following code.

1. Google language Translator

<style> .google_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; } .google_translate:hover img { filter:alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; border:0; } .google_translatextra:hover img { filter:alpha(opacity=0.30); -moz-opacity: 0.30; opacity: 0.30; border:0; } </style><br /> <br /> <div><a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9OSmXdN7J30ATIbQWcyR72dcg3t4LmFdaxiGoPcZ5jQer4crLnAO5oCjpMrDboSrsi3_Rb9sL-65qIy3sv79zjU8x-yRiwu61ImFYEUCtTcTFksOnwpUUszMDz6gQuBHmD1mLFZcw4Ek/s200/United+Kingdom(Great+Britain).png" style="cursor: pointer;margin-right:8px" width="24"/></a><a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaYrG5ZhQcaGBsPCSVvKp4bpR1VEG8ojLXSUuUWYbnUVW3xt6NPfs3e28RnzmaugwIhCuQ0z_ssmgKMdGQ5-oHp4I7yx8VqyjIKONGHg_1jPebsUgxZSCwh52na7Eg8kGRdIceTx4ltS8/s200/France.png" style="cursor: pointer;margin-right:8px" width="24"/></a><a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0ce5MkC0MdHKMv1lYcnbEiCdSYBjxBKRL4wsb67hmAWE-OBpCLNNJ3rYYfgvYFIgiDOPK9Css9u_ePaYsMNNdrusXKgtS56K7OcawOV7Mwaq8xw-2Zuh3NZtng7DiP1oGFKoctGDu8Rc/s200/Germany.png" style="cursor: pointer;margin-right:8px" width="24"/></a><a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdls1PlMEwb0RiHEomNA2zCIMtIb07x85Z4wtyWiEGd98YxVleXt0ZDOI18PxSyvdF1Ogolt3twU4AriKpeF7rlN6bahpHc8P45cymsnAa6-uWM8gG68CNbXCzQbNCvVXPs7lAntsrSX4/s200/Spain.png" style="cursor: pointer;margin-right:8px" width="24"/></a><a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkTxFt5iixzZzh4GBjnhOZf1Xv6ABNq-RB7jEWBgXn8WZzg6_DaWuciD73R6L_ZaVZ0o26l1NkhgH0pFhOM2gnQi6aeO8OiGX9HT3wyg7wjetwOc8A5HDTOQFTCPiEwHpqqx0JPvbcuF0/s200/Italy.png" style="cursor: pointer;margin-right:8px" width="24"/></a><a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIhHcvdtIII3VUH94LNurzBAwCLM_87vdIEJjCT2SNqLnsae1mHuGWiDR2CqlQ8hzU6IbNmYKGx5GxEBDLkSUKA6YwmNwTlbeqgVs_PYq69Oyx-ADnjdPfKOxoe99Y7I1McvCyqQWpEmY/s200/Netherlands.png" style="cursor: pointer;margin-right:8px" width="24"/></a><br /> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBuErWfzYsoNFRafTXZ8OBmKpHY_gamRkEEssk9VHny5iZ1eLHLIgX-E013zk1YfyLYgMQUH-mGae4dPaPOU6igJUz31Ry2HN8ATIwzftW8VDWqN_o1Ev3VwUpCqxEKLMrs5P_IRqWpyU/s200/Russian+Federation.png" style="cursor: pointer;margin-right:8px" width="24"/></a><a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaZ0QKwSwGwkyF8gmPhAu2Mz2MahzG6-w8Qk5_O6zcOr5b6H8D44oua3F481GqN5Fm_HS4zqPfgpKfdw2zAtzwO3mf43BDiK2QFO5FksEpfyMTDYl9TNP_NqzQTmGr34i9PpTV4IC6twQ/s200/Brazil.png" style="cursor: pointer;margin-right:8px" width="24"/></a><a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZcVG6LES3E_TdguZyWpEvjfoFLRt2jjjbmGtLeKqNXQTihYycW5fBaBlNnHkDMNaRvYB0pS5ROHFdz6SQgjVR8lBPmE11OYxD4P-tGPzVzbkzhG_wxMm9yjxSNzvNS6TuG-Vd3QhJ9bc/s200/Japan.png" style="cursor: pointer;margin-right:8px" width="24"/></a><a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIqMCAqbKdnuN4UxRTS7kJ0xDIRpIjT8BYSykR3yjKsZOKirpc-Id1cxoIP7SGFEBVRe4h5rQFC8BtFh-BqaYK373HidPAhentGi0-ZMv-fUUrXTSe6Ya6PNruLOkh_8sc-zIK3HR62Zk/s200/South+Korea.png" style="cursor: pointer;margin-right:8px" width="24"/></a><a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjERVFlIsLiS3TVutdPrYUoTOhCQfTS_puwNOXb_NKIwnqg74BkuSU4MZyhhyry9zL6YOP1xPqF7iAEo1zOLfeyIT0zY64tHMpuA3c0qFk2OMZrndCoBU4YEK7FLQQLuY9WiZfOMxHBs9U/s200/Saudi+Arabia.png" style="cursor: pointer;margin-right:8px" width="24"/></a><a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOtR33chDKC6peFq1zhEyJuEMYNLG-yBVT8e7Ef8601HlFcyqg54uVahfcFsieJmM9v-Ppoiu4xvLVX6T5YUFFooCy4rs-nwf4jpy18lIgHYToY4R9Oy6aBG_8Fcxhw3qDJ3lViuWaTC8/s200/China.png" style="cursor: pointer;margin-right:8px" width="24"/></a> </div> <div 0px 0pxâ?? style="â??font-size:10px;margin:8px" 3px></div>

Result:

2. Google language Translator (Drop Down Menu)

<form action="http://www.google.com/translate" onsubmit="this.u.value=window.location.href" method="GET"><input value="en" name="hl" type="hidden"><input value="UTF8" name="ie" type="hidden"><input value="" name="u" type="hidden">Select Language: <select name="langpair"><option value="en|fr">French<option value="en|de">German<option value="en|it">Italian<option value="en|pt">Portuguese<option value="en|es">Spanish<option value="en|ar">Arabic <option value="en|zh-CN">Chinese (Simplified) <option value="en|ja">Japanese<option value="en|ko">Korean<option value="en|ru">Russian</select><input value="Translate" type="submit"></form>

Result:

Select Language:

Finish, click Save and see the result in your blog

Artikel Terkait:

Posted in: Tutorial Blog