Widget Translate Blog Dengan Bendera

okey, jumpa lagi bersama saya. nah kali ini saya akan membahas translet widget blog tetapi kali ini menggunakan bendera negaranya masing masing. untuk contohnya bisa liat seperti gambar diatas atau widget yang saya pake di blog ini. sebenarnya widget ini saya ketemu gak sengaja lagi liat liat terus saya ambil deh kode htmlnya dan saya coba diblog saya dan berhasil Horeee

Ini Kode HTMLnya

<div class="separator" style="clear: both; text-align: left;"> okeh jangan berlama lama lagi ini kodenya</div> <div class="separator" style="clear: both; text-align: left;"> <br /></div> <div class="separator" style="clear: both;"> <style></div> <div class="separator" style="clear: both;"> .google_translate img {</div> <div class="separator" style="clear: both;"> filter:alpha(opacity=100);</div> <div class="separator" style="clear: both;"> -moz-opacity: 1.0;</div> <div class="separator" style="clear: both;"> opacity: 1.0;</div> <div class="separator" style="clear: both;"> border:0;</div> <div class="separator" style="clear: both;"> }</div> <div class="separator" style="clear: both;"> .google_translate:hover img {</div> <div class="separator" style="clear: both;"> filter:alpha(opacity=30);</div> <div class="separator" style="clear: both;"> -moz-opacity: 0.30;</div> <div class="separator" style="clear: both;"> opacity: 0.30;</div> <div class="separator" style="clear: both;"> border:0;</div> <div class="separator" style="clear: both;"> }</div> <div class="separator" style="clear: both;"> .google_translatextra:hover img {</div> <div class="separator" style="clear: both;"> filter:alpha(opacity=0.30);</div> <div class="separator" style="clear: both;"> -moz-opacity: 0.30;</div> <div class="separator" style="clear: both;"> opacity: 0.30;</div> <div class="separator" style="clear: both;"> border:0;</div> <div class="separator" style="clear: both;"> }</div> <div class="separator" style="clear: both;"> </style></div> <div class="separator" style="clear: both;"> <div> </div> <div class="separator" style="clear: both;"> <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="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwjycGEnLI/AAAAAAAAA1o/7p6S3-tipsA/English_thumb%5B3%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a></div> <div class="separator" style="clear: both;"> <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="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj1AdOWZI/AAAAAAAAA1w/lWUkGNrOFYo/French_thumb%5B5%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a></div> <div class="separator" style="clear: both;"> <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/AVvXsEizGKmVU27jcT_kg0uOJ7mMyyqoKLzpeUzRYsLDF20mAVFbs-Ys7ay4Dwz8-PsGWWjO9xmSiAMKRemqwzDRFuw_DFFM6o6qFXbmPv5_9FQraK7IHs34dJ52mNwurxGCLavXzF_VcnqqofpT/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a></div> <div class="separator" style="clear: both;"> <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/AVvXsEjXajxzKaWhnj7M9r4WrXWNct50Kn2Iy-6kNoWq6HqZ19QaKj4MDtRKNx9I7QTyhrP98FlcY33uJcWJUwK3Fjp_wMVju4CESOUVPRCUAjkNVzpqNHBZpqa-TeeDsY4YC4tlGwnguUo9rRLh/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a></div> <div class="separator" style="clear: both;"> <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="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj-14HeyI/AAAAAAAAA2I/TN52dIqkO9Q/Italian_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a></div> <div class="separator" style="clear: both;"> <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="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkBmKewNI/AAAAAAAAA2Q/43NEAnyNo1I/Dutch_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a></div> <div class="separator" style="clear: both;"> <br /><br /></div> <div class="separator" style="clear: both;"> <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="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkESa-0pI/AAAAAAAAA2Y/i0X4cKgxq3g/Russian_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a></div> <div class="separator" style="clear: both;"> <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="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkG0osjzI/AAAAAAAAA2g/_kM2A16R_Ho/Portuguese_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a></div> <div class="separator" style="clear: both;"> <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/AVvXsEhAD-mmFY_yzyyySOxchwrUODy8fz28xvwYcjpnLgbzPYIbnbrarnqgCe7-sJgSYtL2maH6XO76yVUnKlPka0qvNuYbU_LUQ8gF-W1ljETXUkFWeeBIqBuj4VpKFgjrmvbOLokvQsE89jsi/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a></div> <div class="separator" style="clear: both;"> <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="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkMouNMKI/AAAAAAAAA2w/L5l6J-Hh8XA/Korean_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a></div> <div class="separator" style="clear: both;"> <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="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkPdkvXBI/AAAAAAAAA24/A1LSG1lcuac/Arabic_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a></div> <div class="separator" style="clear: both;"> <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="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwkSgrv4ZI/AAAAAAAAA3A/jQqZ1l6avts/Chinese-Simplified_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a></div> <div class="separator" style="clear: both;"> </div> <div style=â  font-size:10px;margin:8px 0px 3px 0pxâ  > </div> <div class="separator" style="clear: both;"> </div> </div> <br />

okey sekarang bagaimana cara memasang widgetnya? ya seperti biasa
1. log in ke account blogger kalian
2.Layout
3.klik add gadget
4.Pilih HTML/JAVASCRIPT
5.Copy code di atas
6.lalu save
langkah terakhir save arrangement
terus tinggal kalian view deh blog kalian, gampangkan, nah untuk widget ini tidak bisa langsung translet di blog anda, apa maksudnya? maksudnya transletnya menggunakan perantara Google Translet

Klik Ini Untuk Memperbesar

kenapa saya memilih widget yang seperti ini?karena ini lebih gampang untuk pengunjung, pengunjung dapat merubah kedalam bahasanya sendiri. widget ini dapat menterjemahkan seluruh bahasa yang terdaftar di google translet. sekian dulu ya postingan saya, kunjungin kembali lagi ya