Minggu, 16 Januari 2011

Beranda » Membuat Widget Google translate dengan animasi bendera

Membuat Widget Google translate dengan animasi bendera

Nah kalau mau memasang widget Google Translate dengan gambar animasi bendera negara kamu bisa 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

Liat Gambar
<div style="padding: 5px; background:#00000A 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://the-vickiu.blogspot.com/" target=" blank"><b>Google Translate</b></a></center><br /><style></style><div style="padding: 5px 0px 0px;"><center><a class="google_translate" href="http://www.blogger.com/rearrange?blogID=4115306274558645194&sectionId=sidebar&action=editWidget&widgetType=HTML&referrer=directory#" 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" 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&sectionId=sidebar&action=editWidget&widgetType=HTML&referrer=directory#" 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" 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&sectionId=sidebar&action=editWidget&widgetType=HTML&referrer=directory#" target="_blank" rel="nofollow" title="Chinese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&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&sectionId=sidebar&action=editWidget&widgetType=HTML&referrer=directory#" 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" 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&sectionId=sidebar&action=editWidget&widgetType=HTML&referrer=directory#" 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" 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><br /><a class="google_translate" href="http://www.blogger.com/rearrange?blogID=4115306274558645194&sectionId=sidebar&action=editWidget&widgetType=HTML&referrer=directory#" 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" 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&sectionId=sidebar&action=editWidget&widgetType=HTML&referrer=directory#" 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" 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&sectionId=sidebar&action=editWidget&widgetType=HTML&referrer=directory#" 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" 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&sectionId=sidebar&action=editWidget&widgetType=HTML&referrer=directory#" 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" 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&sectionId=sidebar&action=editWidget&widgetType=HTML&referrer=directory#" 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" style="cursor: pointer; margin-right: 0px;" src="http://classicstudio.wordpress.com/files/2009/08/netherland1.gif" title="Dutch" align="absbottom" border="0" /></a><br /><br /><center><divstyle><a href="http://the-vickiu.blogspot.com/"><imgborder><br /></imgborder></a></divstyle></center></center></div></div>

code #00000A 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:

Liat Demo 

Selamat mencoba. semoga ber mamfaat... 


www.isunuklir.blogspot.com