Installing Google Translate Widget
I will share my post and article to Installing Google Translate Widget in the form of nations’ flags. This may be a bit different from available the 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 , then you should do the steps as follow:
If you are interested in installing the , then you should do the steps as follow:
- Login to blogger with your ID
- Click Layout
- Click Page Element tab
- Click Add A Gadget
- Click the sign plus (+) for HTML/JavaScript
- Copy and paste the 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/AVvXsEidAncTfd_GcqzbfCNYj1XLFfxVyRIFRDoPhi5y4OS8H2d2P-C7rpA2MhUw5PA8aP8zBCztBFR-fMIiD_RroL-HR3cEo0xpOL01Zk8_S5K_b1yFxhaDJfkfbenLUKUFr_F-MOpwnegIeT0/?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/AVvXsEiGwkY0zr_R7DfnriUhGkoG75YTJ_C1Yd2pY9tVhbcyp6Ra4K2Bx6t_nellTZzLMNNoW6k1X8fpwT3R91QDylwtm6YFf9ILxueXcrJj045v8lrhH54CDAQAoOgibBMccS8GNiSYE6_7dww/?imgmax=800" style="cursor: ;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="" border="0" align="absbottom" title="" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisqVfYqVvamO-ESAqcrjvgLivy4Kg0gwtoDCInZqPRga9NYOY6jtKhJuAPtVG4vcqueUJKWrxEMYqm74g3FKsWvYlwSW8f6EgdKbJxWlbCeRN-u-HTqzJWmYlZRra65meLzNKdwAHWNBTh/?imgmax=800" style="cursor: ;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/AVvXsEjVhVsKjF41nr-zezQ1cABVo1XPGZmr0pNvtuNoReknVUmdT5L_vIXbn8ui9d7hklAfoun7fjW1vu9FdILeb9-YQ0kZHiTzHzWoZmhGiVCR4LkMj-MPt8HWA8SdRvAHKGsC5eiZR-Angbv7/?imgmax=800" style="cursor: ;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/AVvXsEhnp2U9c0iftAV-gVIJo_KRTl6wFzx3vTO0-0VL0gARsDytjqXT83c6z7CfbVMb1CS3DUCGqAEwhzMMWlGeq6v4yvS_FhItOkN_34xFZD86I4l0xyISGRbB-c5xM59XAukUSRISPfxJjPY/?imgmax=800" style="cursor: ;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/AVvXsEhs7OOtVKK_onZdsyCEtGq_UeXAclNtM9aZaLoyGDIhfBArA8skZ6kmW32uyJA74Z79Htx9YPNQGi7M8s2dEtr90pHEwABtDA1TylLOYeWL2qBSc7doCrJCbIV2kse7IxWhMZTWXyT_-rY/?imgmax=800" style="cursor: ;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/AVvXsEijveBCq9lpJtc7Yzg3UcLXYctMQvJQFY4ozYjFFbJJnfac4ffa8FRSZded01pOEKO95L8LS-m5SHiMSttaAnxb7gApxr0HtLcUYWONekWbyCgXGy1oY2pSCD7vX1QrU3S7w7T4Zz7VPz4/?imgmax=800" style="cursor: ;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/AVvXsEhSKy1emakpokTNw7-CCASDadofuUCmZLbvp17pG7Y5loY3Eoe016p_EbOxkT0xJA-FMHDSWCR2Qp17Dab2mcQTGD8CDdW05dEfOS2BIMiKw4PvwySYalH8Z1hcxTITl-lv4Zw9i5Ye2qI/?imgmax=800" style="cursor: ;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/AVvXsEjZrwuzx7A1SfJNbN5AQHykI3rATceRdoZL_ph5A9-A_2ldPwVjaslnaRB9bEp0W4aKZkQTjlX2NfiP0naXK5oEc2UV9CyIO-rZpzjhOVnAGl3BNYfrUNUtiWnVvwhYKiRvPBdoXNyAtOZY/?imgmax=800" style="cursor: ;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/AVvXsEj8eP43CxiStVQhQ6mCSu2P_Ba6siX-YpVllriV4wVzziCfzp6tRKg4zm9jQNJLFRd9WXReKrMz5PddRSz_x0FSzIJkh55vXiNBFN1rIqpVr0sX8vOY9z2-cvOhV9JkANj8dISxOwz64vs/?imgmax=800" style="cursor: ;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/AVvXsEg6cQcWlwcqFsiW3g1vsrSf0SPoD5yM-sKSqjhO2rhYwlzzWN4QdHdAB1jDIHsEl-BJ1Ad7r7k8TTe2sZDJ_l-kcYhJvTqBomoqZELJZ313ZP9BMxOSRGp5R577ULlJ3S46XeksjZqLJfM/?imgmax=800" style="cursor: ;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/AVvXsEiGfUSMb9jVGFCA4gv-umMurUJmHbXUPJsKpG6odhXUfLta-GIanHjPc-ej6aUTya1_JjFeZ26kdr1BNX1L0yIKkQ4OETEVi-mZkl6F5DxbsLiC3Q4_0d2_5nTt0FMiy9mXLs8mgwMP1D0/?imgmax=800" style="cursor: ;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>
- Click Save button
- Done
