Meiji Ikhlasul Blog: Widget Google Translate Berbendera di Blogger

Pada episode kali ini (lho?! kok episode sih?? ya sudah lah) saya akan membagi sebuah HTML atau Javacript google translate untuk blogger, pengunjung blog kita tentu ada yang dari luar negri juga... kalau mereka membaca artikel kita yang pakai bahasa indo.... tentu mereka hanya berkerut kening... karna tidak paham ( atau mungkin mereka lagi kebelet mau boker... makanya berkerut kening).

ya udah guys lets go.... cekidot yuk.......

caranya:

masuk ke akun Blogger anda

lalu klik Tata Letak

lalu tambah Gadget and add HTML

trus masukin kode HTML berikut:

keterangan : Html diatas translate nya cuma 3 bahasa saja

kayak gini nih contohnya.....

Choose Language

untuk berbagai bahasa tukar kode diatas dengan yang ini:

<html>
<a href="http://www.naskah.net">
<b style="color: blue;">Choose Language</b></a><br/><br/><a class="google_translate" href="#" rel="nofollow" title=" Bahasa Indonesa" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7cid&hl=id'); return false;"><img alt="indonesia" border="0" align="absbottom" title="Bahasa Indonesa" height="24" src="http://naskah.net/indonesia.jpg" style="cursor: pointer;margin-right:10px" width="32"/></a><a class="google_translate" href="#" 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=" http://naskah.net/inggris.jpg " style="cursor: pointer;margin-right:10px" width="32"/></a><a class="google_translate" href="#" rel="nofollow" title="Al Arabia" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7car&hl=ar'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Al Arabia" height="24" src="http://naskah.net/arab.jpg" style="cursor: pointer;margin-right:10px" width="32"/></a><a class="google_translate" href="#" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cfr&hl=fr); return false;"><img alt="French" border="0" align="absbottom" title="Francais" height="24" src="http://naskah.net/prancis.jpg" style="cursor: pointer;margin-right:10px" width="32"/></a><a class="google_translate" href="#" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cde&hl=de'); return false;"><img alt="German" border="0" align="absbottom" title="Germany" height="24" src="http://naskah.net/jerman.jpg" style="cursor: pointer;margin-right:10px" width="32"/></a><a class="google_translate" href="#" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7ces&hl=es'); return false;"><img alt="Spain" border="0" align="absbottom" title="Espanol" height="24" src="http://naskah.net/spanyol.jpg" style="cursor: pointer;margin-right:10px" width="32"/></a><a class="google_translate" href="#" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=en%7cit&hl=it'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italiano" height="24" src="http://naskah.net/italia.jpg" style="cursor: pointer;margin-right:10px" width="32"/></a><a class="google_translate" href="#" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cnl&hl=nl'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Netherland" height="24" src="http://naskah.net/belanda.jpg" style="cursor: pointer;margin-right:10px" width="32"/></a><a class="google_translate" href="#" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cru&hl=ru'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="24" src="http://naskah.net/rusia.jpg" style="cursor: pointer;margin-right:10px" width="32"/></a><a class="google_translate" href="#" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cpt&hl=pt'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="24" src="http://naskah.net/brazil.jpg" style="cursor: pointer;margin-right:10px" width="32"/></a><a class="google_translate" href="#" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cjp&hl=jp'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="24" src="http://naskah.net/jepang.jpg" style="cursor: pointer;margin-right:10px" width="32"/></a><a class="google_translate" href="#" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cko&hl=ko'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="24" src="http://naskah.net/korea.jpg" style="cursor: pointer;margin-right:10px" width="32"/></a><a class="google_translate" href="#" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7czh-cn&hl=zh-cn'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="24" src="http://naskah.net/china.jpg" style="cursor: pointer;margin-right:10px" width="32"/></a>
</html>

hasilnya jadi kayak gini nih:

Choose Language

atau kalau ingin gaya translatenya seperti di blog ini tukar lagi kode diatas dengan yang ini:

<center><a href='http://bit.ly/work24'><img alt='blogger widgets' src='https://sites.google.com/site/bdlab12/24work/blogspot%2btutorial.png'/></a><a href="http://24work.blogspot.com/" target=" blank"><b>Google Translate</b></a></center><style> .google_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; } .google_translate:hover img { filter:alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; } .google_translatextra:hover img { filter:alpha(opacity=0.30); -moz-opacity: 0.30; opacity: 0.30; }</style> <center><a class="google_translate" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7car&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Arabic" style="cursor: pointer; margin-right: 3px" alt="Arabic" src="http://2.bp.blogspot.com/-LBd1ypE8JOY/Tvb8gDKM52I/AAAAAAAAAh0/jelMzYlgCig/s1600/arabic.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cko&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Korean" style="cursor: pointer; margin-right: 3px" alt="Korean" src="http://2.bp.blogspot.com/-vn5pYYCgXJE/Tvb8laDGbXI/AAAAAAAAAig/8TT_o0LLrZA/s1600/korean.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cja&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Japanese" style="cursor: pointer; margin-right: 3px" alt="Japanese" src="http://3.bp.blogspot.com/-h0ahP2ouIq0/Tvb8kCB39PI/AAAAAAAAAic/D4YE0MnD8ag/s1600/korea.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7czh-cn&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Chinese Simplified" style="cursor: pointer; margin-right: 3px" alt="Chinese Simplified" src="http://3.bp.blogspot.com/-Bv19O98JgEQ/Tvb8mjsRAEI/AAAAAAAAAis/g2ImKciX-nQ/s1600/pinginbelajarchina.gif" align="absBottom" border="0" /></a></center> <center> <a class="google_translate" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cru&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Russian" style="cursor: pointer; margin-right: 3px" alt="Russian" src="http://4.bp.blogspot.com/-nYPIZdA7xYw/Tvb8pJLVQwI/AAAAAAAAAjE/fM3yoNbo7e0/s1600/russian.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cpt&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Portuguese" style="cursor: pointer; margin-right: 0px" alt="Portuguese" src="http://2.bp.blogspot.com/-d7eUmq5EoZ0/Tvb8oaMgYBI/AAAAAAAAAi4/ZQ7cK136ULg/s1600/portuguese.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cen&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="English" style="cursor: pointer; margin-right: 3px" alt="English" src="http://2.bp.blogspot.com/-v3MDOLU-eyw/Tvb8h7ahzEI/AAAAAAAAAiE/H9Hf7gV7XPw/s1600/english.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cfr&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="French" style="cursor: pointer; margin-right: 3px" alt="French" src="http://3.bp.blogspot.com/-9SLpHDntAN8/Tvb8ng1sHWI/AAAAAAAAAi0/cHi2whH_Y78/s1600/pinginbelajarfrance.gif" align="absBottom" border="0" /></a></center> <center> <a class="google_translate" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cde&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="German" style="cursor: pointer; margin-right: 3px" alt="German" src="http://3.bp.blogspot.com/-ZOAFEguhr-c/Tvb8imJEf0I/AAAAAAAAAiM/Ksy9nFFHiOM/s1600/german.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7ces&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Spain" style="cursor: pointer; margin-right: 3px" alt="Spain" src="http://4.bp.blogspot.com/-mqdJx7vj5ds/Tvb8qR4AFoI/AAAAAAAAAjM/uSw80yl7hJ0/s1600/spain.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7cit&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Italian" style="cursor: pointer; margin-right: 3px" alt="Italian" src="http://1.bp.blogspot.com/-E7wj8VKDYBY/Tvb8jc33l8I/AAAAAAAAAiQ/62Ow6YLZa9I/s1600/italian.gif" align="absBottom" border="0" /></a> <a class="google_translate" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=auto%7cnl&hl=en'); return false;" href="#" target="_blank" rel="nofollow"><img title="Dutch" style="cursor: pointer; margin-right: 0px" alt="Dutch" src="http://2.bp.blogspot.com/-y7ZdBeuouxI/Tvb8gzJuKoI/AAAAAAAAAh8/yo0CyckbeA0/s1600/dutch.gif" align="absBottom" border="0" /></a> </center><span style="font-size:5px;position:absolute;"><a title='blogger widget' href="http://24work.blogspot.com" target='_blank'>Blogspot Tutorial</a></span>

hasilnya jadi seperti ini: