Translate Blog dengan Animasi Bendera

Pada tutorial kali ini saya akan mencoba membahas tentang widget google translator. sebagaimana kita ketahui semua bahwa dalam sebuah blog yang dikases oleh jutaan bahkan seluruh dunia sangat perlu dengan widget yang satu ini fungsinya sudah jelas untuk metranslate atau menterjemahkan blog kita ke beberapa bahasa yang ada di seluruh dunia. Langsung saja kita praktek

* pertama silahkan ke blogger dengan user ID sobat.
* klik nenu tata letak / setting
* setelah itu element halaman / page element
* klik tambah gadget / add gadget
dan untuk kodenya dibawah ini:

<div style="overflow:no; padding: 5px; background:no;">
<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" 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 border="0" alt="Arabic" style="cursor: pointer;margin-right:3px" src="http://i30.tinypic.com/ixdrev.jpg" title="Arabic" align="absbottom"/></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 border="0" alt="Korean" style="cursor: pointer;margin-right:3px" src="http://i31.tinypic.com/2yod011.jpg" title="Korean" align="absbottom"/></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 border="0" alt="Japanese" style="cursor: pointer;margin-right:3px" src="http://i29.tinypic.com/2yxn5lu.jpg" title="Japanese" align="absbottom"/></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 border="0" alt="Chinese Simplified" style="cursor: pointer;margin-right:3px" src="http://i29.tinypic.com/sm9l6e.jpg" title="Chinese Simplified" align="absbottom"/></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=id%7Cru&hl=en'); return false;"><img border="0" alt="Russian" style="cursor: pointer;margin-right:3px" src="http://i26.tinypic.com/n8cjs.jpg" title="Russian" align="absbottom"/></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 border="0" alt="Portuguese" style="cursor: pointer;margin-right:0px" src="http://i29.tinypic.com/2w4bckz.jpg" title="Portuguese" align="absbottom"/></a>
</center>

<center>
<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 border="0" alt="English" style="cursor: pointer;margin-right:3px" src="http://i29.tinypic.com/30axu6u.jpg" title="English" align="absbottom"/></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 border="0" alt="French" style="cursor: pointer;margin-right:3px" src="http://i25.tinypic.com/nnslrn.jpg" title="French" align="absbottom"/></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 border="0" alt="German" style="cursor: pointer;margin-right:3px" src="http://i32.tinypic.com/2ni07q9.jpg" title="German" align="absbottom"/></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 border="0" alt="Spain" style="cursor: pointer;margin-right:3px" src="http://i31.tinypic.com/2h6qzhy.jpg" title="Spain" align="absbottom"/></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 border="0" alt="Italian" style="cursor: pointer;margin-right:3px" src="http://i28.tinypic.com/281x3c8.jpg" title="Italian" align="absbottom"/></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 border="0" alt="Dutch" style="cursor: pointer;margin-right:0px" src="http://i25.tinypic.com/9knyjd.jpg" title="Dutch" align="absbottom"/></a>
</center></div>

terus simpan dech

Silahkan sobat semua coba mudah mudahan tutorial singkat ini bermanfaat dan dapat menambah pengetahuan tentang blogging.... kalo anda suka di tunggu koment nya ...