Cara membuat Translator Part 2 ( Animasi )



Kemarin saya telah posting cara membuat Translator di Blog , Sekarang saya akan saya posting lagi tentang translator juga. Lho... Kok sama..?? Ya sama namanya saja.. hehe tapi translator yang sekarang adalah yang animasi.
Ok langsung saja yaa...

  • Log in ke blogger kalian : www.blogger.com
  • Klik bagian "Page Element" / "Rancangan"
  • Klik "Add Gadget"
  • Klik "HTML / Java Script
  • Lalu Copy Paste kode di Bawah ini
<strong>Google Translator</strong>
<br/>
<center><style>

.google_translate img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.google_translate:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.google_translatextra:hover img {
filter:alpha(opacity=0.30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}

</style>

<div>

<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 alt="English" border="0" align="absbottom" title="English" height="32" src="http://www.imgxc.com/fullimage/KY7D1n.gif?imgmax=800" style="cursor: pointer;margin-right:7px" width="32"/></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 alt="French" border="0" align="absbottom" title="French" height="32" src="http://www.imgxc.com/fullimage/2Y3lE4.gif?imgmax=800" style="cursor: pointer;margin-right:7px" width="32"/></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 alt="German" border="0" align="absbottom" title="German" height="32" src="http://www.imgxc.com/fullimage/KrkmpU.gif?imgmax=800" style="cursor: pointer;margin-right:7px" width="32"/></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 alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="http://www.imgxc.com/fullimage/mR1eCd.gif?imgmax=800" style="cursor: pointer;margin-right:7px" width="32"/></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 alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="http://www.imgxc.com/fullimage/jh4b6W.gif?imgmax=800" style="cursor: pointer;margin-right:7px" width="32"/></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 alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="http://www.imgxc.com/fullimage/j39cTF.gif?imgmax=800" style="cursor: pointer;margin-right:7px" width="32"/></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 alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="http://www.imgxc.com/fullimage/YZQC7m.gif?imgmax=800" style="cursor: pointer;margin-right:7px" width="32"/></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 alt="Brazil" border="0" align="absbottom" title="Portuguese" height="32" src="http://www.imgxc.com/fullimage/SPfMe5.gif?imgmax=800" style="cursor: pointer;margin-right:7px" width="32"/></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 alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="http://www.imgxc.com/fullimage/N0YtD4.gif?imgmax=800" style="cursor: pointer;margin-right:7px" width="32"/></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 alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="http://www.imgxc.com/fullimage/XMT16l.gif?imgmax=800" style="cursor: pointer;margin-right:7px" width="32"/></a>

<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 alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="http://www.imgxc.com/fullimage/HhmBT2.gif?imgmax=800" style="cursor: pointer;margin-right:7px" width="32"/></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 alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="http://www.imgxc.com/fullimage/FiXTmM.gif?imgmax=800" style="cursor: pointer;margin-right:7px" width="32"/></a>
</div> <div style="font-size:10px;margin:8px 0px 3px 0px">

</div></center>

Trus langsung di  Save  Yaa.. heheheh....
Selamat Mencoba.

 
Design by D'art Design | Bloggerized by Dhimaz - Premium Blogger Themes | Rock On