How to Installing Google Translate Widget

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:

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 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/AVvXsEhPk35eeYDm8kkLX6cSn0h4gbcu3-txUt0kM_SHKyEZd6cWoE2Fc5jIenXik_QLa2khqmB6p3ktWOrQJNFv_o37B94umSpH65DI3qZQItkdyxdyibrMqG7KIyIF-x5AhMcvlvJsG8ICKqo/?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/AVvXsEgWt_22hx4SX8FTrBw77vPKI8muOjm4NDHI8WNGSZlzPQyMjSmEf3YfSQyUkV17xMo3cCSGOxPV6SQ-GLXQFpV0TnsUYXFP3ETfrTVqlymJk0AUdIx1s2FgLVCxUdkhWxz8uMMmmGF6_rQ/?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/AVvXsEh6szxdmwXVYifAX4URhYXraM1-0GLpYh_2mG-IrBfEqkhodbUoqMh5mpgb6m9hz9EGdsMNnLHuWyQpCs6S5yBGfDgHICGecGASyefc70oijoscQzy3YYSJgj7PAFzDpkEJEQAb4vPmEdx8/?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/AVvXsEiXq4-cQ6oko_riDLFZgsxPxWSGb2S7Fk6nR4cCQPDE_BMEsllElcVlgBxTfKDu8G0l49trm_qs1Ir9SpU9ibuu6GWYbOyLQMIyJpbHDqX9Jf8yY1CcKk3HFk_oYkqAFm6HqkBptyLP75T7/?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/AVvXsEg6FxygJcCLmTW6IRI6Vybe2w7Iy06fd17sLLNslGC1Xy4b8d7kZXUEwb0LFke7b-HW_3v2zE-HMiG5ByW2Y5-oFvGrhFel8OjWayiOQOwVP80p-vZ5o4syHnbscJdqKW-5YuJMR03_EWI/?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/AVvXsEiFqHTsB0_dFwL7lljtH68i806r3S4yhDck4OUWcz4g4WuinasEg-ognVjE8BrUpGybQCp1duKW6Z28i1FW-Tjg9P2yniQTh5izfwwG93ItTd4vmNllqAVRlJ_3VdT01lY09Wt0Tgi7Z0c/?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/AVvXsEhZXQI9icFp63mnwTths-T_3Cy0WV8VXXHuWYi8VGC5U9ldk9UIXvl2s4Fbw28dYOADmxotcAq4Tw5MCj1hhanlbSPCQR8KUXgMKPdatQgwye3ahnZki0G_vRpOLCYo-RWaQNDwa7PAbfQ/?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/AVvXsEi3ShGL7U15oxD0q9RN11Hw5EZm-qGLhy6b3A8BWMo5m4y-3gYfnzY6umkE38W8bdqL1girBTi6epvkJ0Vzbu57zbQK0QryQWc9818k84I3QhsYTxAetv-p-YtFzRzLc4h5gttceSu0VZk/?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/AVvXsEiLDorNZZxvVznsFdehGXLQCPOXov-ncHn_A33XQDsPecxYbqsGMWynDq-Fgz8cbA9K4MKlbN1y3GvEK4aXlyuiteIz-v3xMxW_t4GPJDS_Ho_RL8H3Kb3_dHXpjjE5m3-3FRN_d1x8c62p/?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/AVvXsEiS5IZR9mCdHZY4Es3SjH28KNktV_JGsPOWIfCXgf031RXV6Rx9opeFbQBHjsXSKc8AyPmh7WSdpD-FoXkQkExsRTLDGXWy53F91sD1hox623h1JrCjf-eYUKGaHHhSXy6pz9LBNHB2QT4/?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/AVvXsEjdTNdirRv71-quOkkOi8EmrYYDESPRScS-IKb8N4Q1A28DX6spt6QqWJWS5iy1EBzIFAEYbTJWrkzx40rWGHeJBFcbZ6mryXn-nzJBZwWNJGv3lZ5CAivoeBMv_0vdj0goNBcQhm0bO2s/?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/AVvXsEifQlD0d1GcaR-g_vZP5BPt4L6XXeSyqiwWddaktBOGbV7Vaq1HDBsuraEf3hH9iUcK-Leq7vPaPNxui3_X9uKsZKacK3smczcEME0ApgUfxpFLvRFGmVXzokndqvzpHlgNO9ia9TUO4Zs/?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>

7. 
   
   Click Save button
8. 
   
   Done