Pasang Google Translate berbentuk icon

Ayo...Pasang google tanslate berbentuk icon di blog, selain mempercantik tampilan blog. ini juga sangat membantu bagi pengunjung asing yang terdampar (baca:tidak sengaja mampir) ke blog kita. disamping mempermudahkan penerjemahan bahasa, kini google translate juga memiliki banyak mentuk dan juga keunikan.
Salah satunya adalah google translate dalam bentuk icon. Contohnya seperti di bawah ini. lalu bagaimana memasang google translate dalam bentuk icon ini?

Caranya sangat mudah dan saya yakin sudah banyak sobat blogger yang tau. caranya seperti menambahkan gaddet biasa, pilih menu Dasbor----->> tata letak ------>> tambah gagdet------>> tambah HTML/javacript ------>> trus copas kode beikut

<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=auto%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXHgGIcCms0SJZme0zZ1Yog9RfU-3GYEd2dFuBV2uutqpgJgrYN7bVAv2UnR4BteYTM5P2qGAgUE33r-zTPZR5BgjGRqDdtDn9EDhMQ2DAQH5WEASUIOmwgx93nsb5G8m7YezKvVZxwwY/s200/United+Kingdom(Great+Britain).png" style="cursor: pointer;margin-right:8px" 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=auto%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhInyGsks4iHoBv_-l8WonFkBJMearYp7MDCskxOtFW0qAa9RohD6picZkOG7AWGidxlRV2Io9SpuvtLY5m2ObSgxiQJMsPeqaj1aXht3JGna2XhU8RVY9ZtRXZYTArg5qr17zhVxbgH20/s200/France.png" style="cursor: pointer;margin-right:8px" 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=auto%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSJgk_Zi8J6TLSdJHIy3f9MR_PeWtNaifqXN94J5RAtIRnwS2h7nqvSC4KGnM6eCJekdNaUk4tXYXCGVpjJEVNepfo5IzGdNPsmXMs4Ra8QTGcUgqyy76nHTPMLfAxLLWRh-KwF5Gt8NE/s200/Germany.png" style="cursor: pointer;margin-right:8px" 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=auto%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWQb6RUzIUrhm3XrO-WdlgG0hX3VeJZd3s4sAg5tINJlyLar8F4-2KTIHZKsL8AdnBgEkSwy1VWqApptz_cJo1o55T8mZR9RXzVCI7SiRzOwpKxht2iBJCRUXFGfjq4nVIwhmo7XLsJkA/s200/Spain.png" style="cursor: pointer;margin-right:8px" 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=auto%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn2Cg8MSLfiMEW64bG38sTIgVStrWsPdjR59EPc5KImBAzIN9cUY79GNXFdtlCBotVRy5lpsJkSC-PQrmegDl4Nk4gT-3RAHeRgpcKfq-U5SGW5Xs21FDqc1HxwxbB4M6IEmnxAbKSq8o/s200/Italy.png" style="cursor: pointer;margin-right:8px" 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=auto%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3Wva9YUXREBP6PuFAgYvCO77ugt3C57HZxKeaYBUZB359X_dPrdfjMca6d7gwIV8GIW_3u0x6jbAvCb3YL_1PykWymY6Bx0GwsZjSEJB59jb3kbs1SdKLjR1IVBHGHWRtez7XkP0Xaz4/s200/Netherlands.png" style="cursor: pointer;margin-right:8px" width="24"/>
</a>

<a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJw-RacJdISb5HUM0za_kEgu4zPR5UV1phLyC2ih8Ve3SSldcXLVjycvNrx2ztrX-mgieRA5rnnuKkYBILgrP1nliU1vJGaeHfIUSRfmz8I6A-COw7RS23udAS8yYPXQeoB_WBcaYNo3A/s200/Russian+Federation.png" style="cursor: pointer;margin-right:8px" 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=auto%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdi2voHbe7ImcbXfDSC7oR_CvEaMTV4B2hJrWXfaB3S8hyfpoaW2hMp6R57AWxjZN1cOqiipW3mdIAuceP7ZPV-oSOik0JB6hnWW4ovlyVqOW2Al0RcL_X3NnQs5GDTVXPuvcvUKwwcKU/s200/Brazil.png" style="cursor: pointer;margin-right:8px" 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=auto%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0F34DCS4288p8XbaLpAWq1anwi-rlHbII5nwhsoRjynlWkz1kGBFsVelpudz110urGmIfXjPSKdH_kuoDxhFY5QxTQ2BzsVZGSWdEFcDc0mEOnGJO9zANccrvocE49LaD18Ku9-WZ-ko/s200/Japan.png" style="cursor: pointer;margin-right:8px" 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=auto%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh32BWLjaRKG2UMaznPK9gQI7clkHfh1JK7JlXNpQVyNSo8PNQoOnhd8pdNDmxrTvLqVZSq84fQEukvc9DIga3TfM-NlsFnH0zy8FTeHK-drV18atd9rl1ZHN0oXF5ye0WhgfHyT2Fo1D4/s200/South+Korea.png" style="cursor: pointer;margin-right:8px" 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=auto%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVflBRgN0GQk8IOYIpBR5sqEvCuvCkn37Gb-GonNnSQFevQRBVArHxtJVDWhJRo4fOFlkuSvRgHaESYAGDRzGdNHMSEx3ScDaGKqBFlwo_IelSjPQfLnOWaZRBcwxSEKnN-UyuPS8EbSU/s200/Saudi+Arabia.png" style="cursor: pointer;margin-right:8px" 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=auto%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/AVvXsEhMXnDMYYN-QtHR-v2SaBgP0T629RKY39PVRChwmWdTlOHmfICLOuq8x-JyWdBn00R8kcUJef0KDJXuLOsB-SNpZKZLRT_HPFBhZGXupD1v-Nz47meezJWVU5R-EWPsF4Cj2GIaiELD11A/s200/China.png" style="cursor: pointer;margin-right:8px" width="24"/>
</a>    

  </div>
  <div 0px 0pxâ?? style="â??font-size:10px;margin:8px" 3px></div>

 <br/>
  

Semoga bermanfaat…. :)