Membuat Widget Google translate dengan animasi bendera

Bagikan :

Tweet

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><br /><style><br/>.google_translate img { filter:alpha(opacity=100);<br />-moz-opacity: 1.0; opacity: 1.0; }<br/>.google_translate:hover img {<br />filter:alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; }<br/>.google_translatextra:hover<br />img { filter:alpha(opacity=0.30); -moz-opacity: 0.30; opacity: 0.30; }<br/</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://classicom.blogspot.com/"><imgborder><br /></imgborder></a></divstyle></center></center></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.

Tag : Tutorial