Blogger Templates

I will discuss and explain how to install Google Translate Widget in the form of nations’ flags. This widget may be a bit different from available widgets on the internet that you have found, because Kang Rohman creates this widget for a half day with a very interesting modification on it.

The widget will be like the illustration below, please point your mouse over the flag-images so that you will find the blur effect as an attracted result:

If you are interested in installing the widget, then you should do the steps as follow:

1. Login to blogger with your ID
2. Click Layout
3. Click Page Element tab
4. Click Add A Gadget

   

5. Click the sign plus (+) for HTML/JavaScript

   

6. Copy and paste the Google Translate code into the available area.

   <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> 
   <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=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiScRVrtBwTh6hsidFgAkDSB6PFSXlYQnJJwbkaQtp55YCx4Ek5EST36XgQ4rKzygzPO5Zdu5dOSindlmrexCJ-7ev6UEFkR9Gy06lElOSO3zIBErdnFrrhoLDZzemLMAIa5PzeQOxquUY/?imgmax=800" style="cursor: pointer;margin-right:13px" 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=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7wA-A7wqxeQqc-9Th-1SGHg-InyYK89t7-mtcV0M0QfytjOqEd_JDBSWmT1QvZmkWqgNoerxl-LN1nTWOxyl0CfNIx-ATRazAVsL_WuZGoQCpiH7TUcQUhDCdIEeBJ0fsWZ2yLn6JTkU/?imgmax=800" style="cursor: pointer;margin-right:13px" 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=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHyMoYm37KfzAF4bKL-qT3WIPad0lSvcPmTTEKMmklczUoF1qatuHuojDghOgvYreG10VdckKp4vTygKQQXURV96JaAShD3WtmeiaSgkKLtH3GcRomoqE8c5JpOD1YnCUAUerPxrGr0SFN/?imgmax=800" style="cursor: pointer;margin-right:13px" 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=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpN3Q5fGAu85DZQfPYl-vSVPNDATmAhgJYuS3gQNdfZT-6YWnEP8sWGxzRIMNN1p_dEBeSRrjLIYM53m-a1l78fGyoU7PtgIV1N14y6v5jfGTtsBJ_csfWFarK49LzalXkf_APd97Lh1xJ/?imgmax=800" style="cursor: pointer;margin-right:13px" 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=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg76cMRzbgeckL2F1cUZ3Zj8kgELIyi80C96PppkQrDUNWnI56wvDB5FOemiTZDfzWi51p9mtrdGaV0iWvSY_lQ7EJcMBpT3MZHOiniUcVR-nG2H9BsySVUJxiVv7crm-9Y99gaUixGR7w/?imgmax=800" style="cursor: pointer;margin-right:13px" 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=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHdyh2kgqXSiLJT51UyYhJFSpa80HCgL1hlgt5-raEhd1MZjSKGzmdJ66sR6G5JyZAdrxJSIARNfjhtIqJdTo2aMnnoXShh3rX-rSn7VcmnY0hFX5H-EKPStQM9z482T9Ml4EgxrjALZ0/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a>
   <br/><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=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNBHFL_2fgq9aUrBO7RSzIiZFEpDORZPxC6hvAm-es8kSez_i6CXlmDq0PfyYZkKlkeSU2D1mNlnynWENJk4_A268vs6IUYSgj-MHMEKcS2B_VPu6XlD0H0spE-viwPOBhnLrL2RMS0NA/?imgmax=800" style="cursor: pointer;margin-right:13px" 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=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgayv6QnergdAB6sMCSKMe44Ngj4bZmXMTwdY393q0P_41guzsYFx39QxGZuT-0MR36PJCR1Lx3_FA08wEmH1zwltkRtI4JHFwo8uVKfJBzmi7qSuzTeW7Pue_BEihRPO5SWmepE6W6cKo/?imgmax=800" style="cursor: pointer;margin-right:13px" 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=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5XGmcmePJ2bAKC9z7sdhJNrX51lwP41NmcG41YAbRsw8dDp6CbVnK1LxIKdbdz7EC105MF5mUsFwuWtxCdHy0t7Ne1SVdOYv22fXIoo2THzcKwz8TkV902No7LxsybeXMKW-d2_yyqWVC/?imgmax=800" style="cursor: pointer;margin-right:13px" 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=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMHqyhOQbhiqe3NP3zcBR1JDWLEzopjlXMOObhTf_HHSxtq2k0Mu7QuvcrRBfdUib5ZdIMuakXnIxHQrPcM5F3WnQ1lEAPe7UOlWb9u1eVmBaEBnfJMxkptYZ9Rfg8S-eNZ9l3ISwYiVU/?imgmax=800" style="cursor: pointer;margin-right:13px" 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=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO_M5fOyngqHtHZswYx08hc2w_gBoGTEXN_llFIDt2LE3jp9JHkZwqJUBbzjVmdKA0wF2Yj3kfbOrc9Zl-MuCu-2wFRe9y28c6_MXkbCrzZqTlbFpZqQXyNEErRht49mHU8iTARdAeKuw/?imgmax=800" style="cursor: pointer;margin-right:13px" 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=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5-Hz9_VBpvPFXF5J5ew4Rj09OmYU1tbaS8U0LDt2SPxQUkNjL83X3YME1TViNcXIAl8O0eUIYfJ57iphJScDH2m_rdAYQysvWDk2m_DbwfBzSbPQXOhAHnwEWizIRLziKTxFJ4t6T7BA/?imgmax=800" style="cursor: pointer;margin-right:13px" width="24"/></a> 
   </div><div style="font-size:10px;margin:10px 0px 3px 0px">
   by : <a href="http://www.blogspottutorial.com">BTF</a>
   </div>

   
   
   
   
7. Click Save button
8. Done

It is very easy, isn’t it? Happy enjoying your new Google Translate widget!