Creating a Google Gadget Translate Flag (Flag Icon)

As per published from the previous post, about How to customise your recent post (for Blogger), today, I'm going to show on how to add-on a google gadget. 

As we know, nowadays, people keep on blogwalking and this is an advantage for them (If they suddenly jump or get into my humble blog). Ahakkk!! Hurm.. Okay. This google gadget is about traslating the language in the webpage.

As usual, I will give the codes and just simply copy and paste the code given.

 Only 5 steps required:

1. Login to Blogger.com
2. Open the Dashboard > Design > Page Elements > Add a Gadgets
3. Select HTML/Javascript
4. Paste code into the box all the HTML/Javascript
5. Save

Coding:

<style> .translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; padding-left:0px; } .translate:hover img { filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; border:0; } </style> <div style="text-align:center"> <a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV2LfHKM16U6nW8Y6HWxGvLWzp4oHvSAAdrd_V5StfrGNICFg3sntb41nJZnCfJTY1QCoJ-MSi92QTn-brwMiUHJlTICH1VciLUOzKztFxRVm7JMbfjk1pcd9JEgux4wet1kcXj7qlEiYr/s144/uk-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizoYJwuk2oAd7K8Hb4AmBuoWd8qK0Re4xz8RRym9Ziohrp3ogu1Om70JobvLb8BP08TpD_X5t65D16PHX3L8cQOLeviUq2oLNoVWvmV2YJ3J6G7nBsqJnpRSDQLTYDEFRxvObS8eGIkQI_/s144/france-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOmJX8JrlrGnsoEN5Lx3Y8lq4i_Emxn6XYhvW1DNHkycZO2H2afZJaC0zL6IKZygYduKw8DJuw9Yk3Pajg-a_oIQ4BzuiGbnmOJaL8AJ_S8NywXirJXXnXHKggh8fzbOXENrp6nuB_0let/s144/german-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqOqo-Qu0KS67LavI1QQrol73CCyNj9BkXb08rUiEpIA_u_MbgCegfbXRT5HITJplS07E-hK7ivkQFccbZ22yqPsR3xgxenu8XzKt7uhEgG2HYiYzjXXfilCLl5txLlKqmSXq_iHP-xFTz/s144/spain-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmTmB0v7bVY4pMfi3JRUAsUfupI_gsJE6BgziBxQiKV1iGh5mtel3DiY9tANDmOarJ4jXwYEDz1X20kLHQIUvcyq99LQEPLzFLCDAMf_1T6byeZcLkr_LUUwfhh0uO-yHiKpcQa_iFMd2A/s144/italy-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh04QMFWwZnQmQGJS5eMsf3Bm1s0tJRSz_2GYXOr615AZy8xepkG1A7GzW_2kB0VRSsjZ0PzhccsMG8_m2c2GcIL6ougNkUvMGnnN837IURpZOODnEzZ3_ego7lpIruy6SYOwztVEHQBv3i/s144/dutch-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <br/><br/> <a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM4i-X6LvN7-lsFJe6osaqzSEvNezq0_d7wYrnIS3y_WUySKk8kVLpI_N9sietw3KXQCJh4yDD4zRNW8TKqoPcsNwRsvj0i-hVca5Kdk3Hul4YO6Em1tzzG-fd8dQ3nrcMfYvYJiX_eLhr/s144/russian-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="translate" href="#" target="_blank" rel="nofollow" title="Brazil" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Brazil" border="0" align="absbottom" title="Brazilian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU2tBAHq1mhb6rh-LKsQut5EDYon0QfIHZPtZv9qviqS0fqAHt7HuYQiJVP1CMjxvnAZ6GWmxphAqSMgfNBcQngYfci8dqQLL2eH54_1xGBAQl-3zJ4sC8Hqm6cXmMg-KefyxkxfsYYBQM/s144/brazil-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqMEtqIL8jeKzLrYnTl102SI4ipUfmSttgPxGlyG0PSSEs7iXHUAMrjczbgEUAjVVGb7UPXZz7IAipXnp_lmzKfIr-ZLo-pEAYUpZZ4ghdLGIE2xmL0EnAdsXKbejzbKRFRpogN06Fvy7J/s144/japan-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6OQfJIBjKnBJr2nqkzntstwHn1UDtv-NP9LQhM-uy1y4sbfk_7Roy_N-JvoVIS0QUATpNASEAHb2BfBzgfpQv3Xc2vlCMS7mZKU1LHBjq3wScUU6VdZzcpVwk59lZJ0MTR8kCLBw2mAJ1/s144/korean-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPo0sbIvRp_GzIXDtMC4a0QWnpLFp0BlPPQxMhv_DVvgQtKrX3KDPX6yCEnJhanCnad0zu_z27tkzgDko8zd2pwu2F4m189k6dId5TPAg96OiEpo9-lJGQHAYWgXmTWD8XMTjB3EtQX6lt/s144/arab-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <a class="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="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6n0KkKh3JWx3J99k2SeiSAEMCuVmIWb0PU7oY926pE5iTNteobvRcH7gJoQ3zJ5ify9894n1Jgtg4oRzqm1h0Fvf8FMnIgdIzZan6JFwwA6mEXeRzDYAKl6soAOoE0LipiLhADyARAqTt/s144/china-flag.png" style="cursor: pointer;margin-right:8px" width="24"/></a> <div style="font-size:9px; padding:8px 0px 0px 0px"> <a href="http://ofthink.blogspot.com" title="translate widget"/>Translate Widget</a> by Google </div></div>