Membuat Widget Google translate dengan animasi bendera

Cara memasang widget Google Translate dengan gambar animasi bendera negara , silakan ikuti langkah berikut : 

1. masuk ke Dashboard dan klik Layout

2. tambahkan gadget klik Add Gadget dan pilih HTML/JavaScript 3. copy paste code HTML dibawah ini kedalam tab HTML

<div style="padding: 5px; background:#fffff none repeat scroll 0 50; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"><center><a href="http://classicom.blogspot.com/" target=" blank"><b>Google Translate</b></a></center>

<style></style><div style="padding: 5px 0px 0px;"><center><a class="google_translate" href="http://www.blogger.com/rearrange?blogID=4115306274558645194&amp;sectionId=sidebar&amp;action=editWidget&amp;widgetType=HTML&amp;referrer=directory#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id7Car&amp;hl=en'); return false;"><img alt="Arabic" style="cursor: pointer; margin-right: 3px;" src="http://classicstudio.wordpress.com/files/2009/08/saudi1.gif" title="Arabic" align="absbottom" border="0" /></a><a class="google_translate" href="http://www.blogger.com/rearrange?blogID=4115306274558645194&amp;sectionId=sidebar&amp;action=editWidget&amp;widgetType=HTML&amp;referrer=directory#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id7Cja&amp;hl=en'); return false;"><img alt="Japanese" style="cursor: pointer; margin-right: 3px;" src="http://classicstudio.wordpress.com/files/2009/08/japan1.gif" title="Japanese" align="absbottom" border="0" /></a><a class="google_translate" href="http://www.blogger.com/rearrange?blogID=4115306274558645194&amp;sectionId=sidebar&amp;action=editWidget&amp;widgetType=HTML&amp;referrer=directory#" target="_blank" rel="nofollow" title="Chinese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id7Czh-CN&amp;hl=en'); return false;"><img alt="Chinese Simplified" style="cursor: pointer; margin-right: 3px; width: 38px; height: 24px;" src="http://classicstudio.wordpress.com/files/2009/08/chines1.gif" title="Chinese" align="absbottom" border="0" /></a><a class="google_translate" href="http://www.blogger.com/rearrange?blogID=4115306274558645194&amp;sectionId=sidebar&amp;action=editWidget&amp;widgetType=HTML&amp;referrer=directory#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id7Cru&amp;hl=en'); return false;"><img alt="Russian" style="cursor: pointer; margin-right: 3px;" src="http://classicstudio.wordpress.com/files/2009/08/rusia1.gif" title="Russian" align="absbottom" border="0" /></a><a class="google_translate" href="http://www.blogger.com/rearrange?blogID=4115306274558645194&amp;sectionId=sidebar&amp;action=editWidget&amp;widgetType=HTML&amp;referrer=directory#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id7Cen&amp;hl=en'); return false;"><img alt="English" style="cursor: pointer; margin-right: 3px; width: 37px; height: 25px;" src="http://classicstudio.wordpress.com/files/2009/08/uk1.gif" title="English" align="absbottom" border="0" /></a>

<a class="google_translate" href="http://www.blogger.com/rearrange?blogID=4115306274558645194&amp;sectionId=sidebar&amp;action=editWidget&amp;widgetType=HTML&amp;referrer=directory#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id7Cfr&amp;hl=en'); return false;"><img alt="French" style="cursor: pointer; margin-right: 3px; width: 36px; height: 23px;" src="http://classicstudio.wordpress.com/files/2009/08/franc1.gif" title="French" align="absbottom" border="0" /></a><a class="google_translate" href="http://www.blogger.com/rearrange?blogID=4115306274558645194&amp;sectionId=sidebar&amp;action=editWidget&amp;widgetType=HTML&amp;referrer=directory#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id7Cde&amp;hl=en'); return false;"><img alt="German" style="cursor: pointer; margin-right: 3px;" src="http://classicstudio.wordpress.com/files/2009/08/germany1.gif" title="German" align="absbottom" border="0" /></a><a class="google_translate" href="http://www.blogger.com/rearrange?blogID=4115306274558645194&amp;sectionId=sidebar&amp;action=editWidget&amp;widgetType=HTML&amp;referrer=directory#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id7Ces&amp;hl=en'); return false;"><img alt="Spain" style="cursor: pointer; margin-right: 3px; width: 38px; height: 27px;" src="http://classicstudio.wordpress.com/files/2009/08/spain1.gif" title="Spain" align="absbottom" border="0" /></a><a class="google_translate" href="http://www.blogger.com/rearrange?blogID=4115306274558645194&amp;sectionId=sidebar&amp;action=editWidget&amp;widgetType=HTML&amp;referrer=directory#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id7Cit&amp;hl=en'); return false;"><img alt="Italian" style="cursor: pointer; margin-right: 3px;" src="http://classicstudio.wordpress.com/files/2009/08/italy1.gif" title="Italian" align="absbottom" border="0" /></a><a class="google_translate" href="http://www.blogger.com/rearrange?blogID=4115306274558645194&amp;sectionId=sidebar&amp;action=editWidget&amp;widgetType=HTML&amp;referrer=directory#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id7Cnl&amp;hl=en'); return false;"><img alt="Dutch" style="cursor: pointer; margin-right: 0px;" src="http://classicstudio.wordpress.com/files/2009/08/netherland1.gif" title="Dutch" align="absbottom" border="0" /></a>

<center><divstyle><a href="http://classicom.blogspot.com/"><imgborder>

</imgborder></a></divstyle></center></center></div></div>

code #FFFFFF adalah code warna background. kamu bisa ganti dengan warna lain, klik disini Kode Warna untuk memilih kode warna yang sesuai.

4. kemudian simpan, dan lihat hasilnya.