Stylish Translate Widget For Blogger

About The Widget

To increase the reach of audience all over the world to my blog i recommend you to add this widget to your blog as it provides them convenience to view your blog in the language they want but the grammar could be incorrect and to overcome this problem it's look has been stylized.The most attractive point about this widget is it's hover effect and it's ability to not to affect loading time of the blog.

Steps To Add It:-

• Go to Layout tab of your blog
• Click on Add A Gadget on the place where you want the widget to appear
• Select HTML/Javascript from the list that appears
• Leave the title empty and add the following code in the content tab:-

<div class="technopcareatranslate">
<form action="http://www.google.com/translate">
<script language="JavaScript"> document.write ("<input name=u value="+location.href+" type=hidden>") </script>
<input value="en" name="hl" type="hidden"/> <input value="UTF8" name="ie" type="hidden"/> <input value="" name="langpair" type="hidden"/>

<input onclick="this.form.langpair.value=this.value" title="Transalate Into German" value="auto|de" type="image" height="48" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib3a9pFYl1W1-X7E9Wk9yhtomPytokhbE3nWOxeFEurAznZ1gMGSfyDiVXRw1DA-PD52S0C5n7VB2mNINhgBaLTFJlc2EcBuxOVFmFwaP7-V9rDt6rBW3DAMnkl2cQvoNQv0p3Wl1TJw/s48/German.png" width="48" name="langpair"/>
<input onclick="this.form.langpair.value=this.value" title="Transalate Into Russian" value="auto|ru" type="image" height="48" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhES0hcqZGAeggB74UKaD2aBPBIfrdZCNXJj-gmew8tUbNjSZlYPhBJ8lxApAA8-I_Y6jdzlOVXHOrAAu-mA2S0L1daOm44BwbteoxzIS6vJX5l-SUH6SSLdoqJGeMAy4bcUuWI-dHT_A/s48/Russian.png" width="48" name="langpair"/>
<input onclick="this.form.langpair.value=this.value" title="Transalate Into Arabic" value="auto|ar" type="image" height="48" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLh3oL17H81JsVHx0I7r688KKhGzTWhyphenhyphengyosd8wjyFCu5GpZhwsrnZBUMmh5ntPZJD3BB0uA5bsXQDaxjIX9zA4pFkw8Oh-ODoBPOvJd5wQxx62HvcC65JgDB4SNtPh-vj9hl8RKm9tQ/s48/Arabic.png" width="48" name="langpair"/><br/> <input onclick="this.form.langpair.value=this.value" title="Transalate Into Japanese" value="auto|ja" type="image" height="48" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFc1XxTlcImrmLOv7ZO0q4_HvhsnAa5LWsCigBEwyqFS8OTsiWxTY3BLK7y8c9loKBLSb2aPbebOvhapj5Xi-RV1rHHFmdhhpTgreb4eTezoh0ny6zAD8pezWPqqjMS9PUV0BmUy7wvg/s48/Japanese.png" width="48" name="langpair"/> <input onclick="this.form.langpair.value=this.value" title="Transalate Into Korean" value="auto|ko" type="image" height="48" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiaNNZ4GAnHT04KO7EjvdF0UvFOKL4V8E3R7vgiqF8kIOkeaaC2Lrqu_w-yCFd6u000uuwT_PQVJvAq7PDb6x69HGw2cW-Lps_A59mcBHjFnT6kdaMaVunns8ft-6uSuPybsHy66mENw/s48/Korean.png" width="48" name="langpair"/><br/> <input onclick="this.form.langpair.value=this.value" title="Transalate Into Chinese (Traditional)" value="auto|zh-TW" type="image" height="48" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5mwTakOdTA0rLPygV3ASpSg2LuzSZDSoBtuk8L1ztNTZs0rCdbruSlXlaFmF0pesdGJJRJD9os39i5ESN_golg8c14aLjrVmBAzox2rQ0M2rV3LKGLQyZgGEesEkYIIL3qJELZD-Lew/s48/Chinese.png" width="48" name="langpair"/>
<input onclick="this.form.langpair.value=this.value" title="Transalate Into English" value="auto|en" type="image" height="48" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsLFRCHLwbL7NlpCUXW8v7I9Z9RcOQTq1O8Dz86_72Esekp_gDkJjZ4pjg1cHMNA6hfaLUT45RYZQnODkRExfa3jjK6HVswzQiASAIBghri5z2Xmgmd-fsD8eAhrNFHULEtc1m5BpxTA/s48/English.png" width="48" name="langpair"/>
<input onclick="this.form.langpair.value=this.value" title="Transalate Into French" value="auto|fr" type="image" height="48" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL0rIBvUgqlAaRwxOM6psYIqzf4J3QzNcWfMM9MFpZKPSC8hpYCjs03m2i-wlRi8i7tKE63W-RYmTkg1wGlH_uS9W0ccx5_qxiLrs2YuTSZyx_MaGwqxIxsie1XI6zXVs-l78DHb783g/s48/French.png" width="48" name="langpair"/><br/> <input onclick="this.form.langpair.value=this.value" title="Transalate Into Portuguese" value="auto|pt" type="image" height="48" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRo-nIfrny3BTEaF-afIho6whY3aBwt1DowN1yPhy2X-5s_M2hQLsBa6D6Amy0Uk7931ogNlj9G6tDJeoOjguBg_aivYjnWOBIHUMsvXhC-0FiUn1l-Ni6tJcw5-ntySqTKEmrbR4zGA/s48/Portuguese.png" width="48" name="langpair"/> <input onclick="this.form.langpair.value=this.value" title="Transalate Into Spanish" value="auto|es" type="image" height="48" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrDECUU45YnYH3jp_GODZgwwyZtHte3DdS3YgS3PVC5MLRLizjjjqPA7YoCq_Qr_wueE4Qg3RwGVks9AHyY9tDtz1O-MYDa3RWbWezeOtk6woxmLf_wlN0pEGC75p_UOU72aprRGZECA/s48/Spainish.png" width="48" name="langpair"/>  </form> </div><a id='dontremove' href='http://technopcarea.blogspot.com/'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNAdKeCm0UixFtd1uhT11VxjqJWqrjgBMVhNwGI5HdecWuJeMxINSfZPWuo9_U0zNL9A1_pi_cXIRkoVZXqpC4XK1-RH6g_OOjAmAOvf3fd2WTUR8TuqteNnbPaAG0pFsIdxTAiNM8k24/s194-p-no/' alt='credit' title='credit' height='1px' width='1px' /></a> <style type="text/css"> .technopcareatranslate input{padding:5px;} .technopcareatranslate input:hover{ transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transition: transform 0.4s ease-out; -moz-transition: -moz-transform 0.4s ease-out; -webkit-transition: -webkit-transform 0.4s ease-out; } </style>

Final words

This widget's really nice that's why I use it on my blog also,you can see it on the right sidebar of my blog and I could say this one's the best among all other translation widgets because of it's style and elegancy.If you are facing problem in the installation than feel free to comment because I am here to help you.