Menambahkan Translate Versi Google

Written By infosetia on Kamis, 07 April 2011 | Kamis, April 07, 2011

Salah satu yang membuat visitor mau membaca artikel kita adalah karena bahasa yang kita pakai pada artikel tersebut bisa dimengerti oleh mereka. Tapi seandainya ada visitor yang tidak mengerti bahasa yang kita gunakan, mungkin dikarenakan visitor tersebut bebeda negara atau berbeda bahasa dengan kita, maka Google memberi solusi untuk para blogger dengan menyediakan sebuah fasilitas yakni Google alih bahasa.

Dengan adanya fasilitas alih bahasa ini, diharapkan visitor yang berbeda bahasa atau berbeda negara dengan kita tetap bisa menikmati dan membaca artikel-artikel yang ada di site kita. Dengan demikian juga menjadi point untuk kita karena akan menambah jumlah page views site kita. Dan mudah-mudahan visitor tersebut juga mau meninggalkan sebuah komentar walaupun dengan bahasa yang mereka punya.

Bagi para sobat blogger yang tertarik untuk memilikinya dan belum mempunyai fasilitas alih bahasa ini, saya akan coba jelaskan cara membuatnya dan meletakkannya di site para sobat. Untuk contoh dari fasilitas alih bahasa ini, anda bisa lihat di blog saya ini, yang letaknya di bagian sidebar paling atas.

Bagi para sobat yang tertarik untuk memikinya, silahkan ikuti langkah-langkah berikut ini :

1. Masuk ke Blog anda
2. Klik Tab Tata Letak
3. Klik Tab Elemen Halaman
4. Klik Tambah Gadget
5. Klik pilihan menu HTML/JavaScript
6. Pastekan salah satu script di bawah ini ke dalam kolom konten tersebut sesuai dengan ukuran gadget anda

7. Script untuk susunan satu baris

<div style="overflow:no; width:100%px; height:100%px; padding: 5px; background: #FFFFFF;">
<center><a href="http://pinginbelajar.blogspot.com/" target=" blank"><b>Google Translate</b></a></center>
<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>
<div style="overflow:no; width:100%px; height:100%px; padding: 5px 0px 0px 0px;">
<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 alt="Arabic" border="0" align="absbottom" title="Arabic" src="http://img31.imageshack.us/img31/1661/pinginbelajarsaudiarabi.gif" style="cursor: pointer;margin-right:3px"/></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" src="http://img43.imageshack.us/img43/2771/pinginbelajarsouthkorea.gif" style="cursor: pointer;margin-right:3px"/></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" src="http://img34.imageshack.us/img34/4583/pinginbelajarjapan.gif" style="cursor: pointer;margin-right:3px"/></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" src="http://img41.imageshack.us/img41/1681/pinginbelajarchina.gif" style="cursor: pointer;margin-right:3px"/></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" src="http://img32.imageshack.us/img32/7591/pinginbelajarrussia.gif" style="cursor: pointer;margin-right:3px"/></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="Portuguese" border="0" align="absbottom" title="Portuguese" src="http://img31.imageshack.us/img31/7112/pinginbelajarbrazil.gif" style="cursor: pointer;margin-right:0px"/></a>

<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" src="http://img43.imageshack.us/img43/2598/pinginbelajarunitedking.gif" style="cursor: pointer;margin-right:3px"/></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" src="http://img40.imageshack.us/img40/4035/pinginbelajarfrance.gif" style="cursor: pointer;margin-right:3px"/></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" src="http://img38.imageshack.us/img38/344/pinginbelajargermany.gif" style="cursor: pointer;margin-right:3px"/></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" src="http://img41.imageshack.us/img41/1191/pinginbelajarspain.gif" style="cursor: pointer;margin-right:3px"/></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" src="http://img36.imageshack.us/img36/6670/pinginbelajaritalia.gif" style="cursor: pointer;margin-right:3px"/></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" src="http://img33.imageshack.us/img33/2439/pinginbelajarnetherland.gif" style="cursor: pointer;margin-right:0px"/></a>
</center>
</div>

<center>
<div style="overflow:no; width:0px; height:0px; padding:0px; margin:0px;"><a href="http://www.topseratus.com/"><img border="0" width="0" src="http://www.topseratus.com/images/button.png" height="0"/></a><a href="http://topglobalsite.com/"><img border="0" width="0" src="http://topglobalsite.com/button.php?u=pinginbelajar" height="0"/></a><a href="http://stats.bertuah.org/"><img border="0" width="0" src="http://stats.bertuah.org/button.php?u=pinginbelajar" height="0"/></a><a href="http://www.topblogarea.com/"><img border="0" width="0" src="http://www.topblogarea.com/tracker.php?do=in&id=75128" height="0"/></a><a href="http://blogs.top.org/"><img border="0" width="0" src="http://img1.top.org/toporg_4257.gif" height="0"/></a><a href="http://www.hihera.com/"><img border="0" width="0" src="http://www.hihera.com/gen.aspx?idc=25611" height="0"/></a><a href="http://www.blogtoplist.com/"><img border="0" width="0" src="http://www.blogtoplist.com/tracker.php?u=84875" height="0"/></a><a href="http://www.goledy.com/"><img border="0" width="0" src="http://www.goledy.com/gen/1752" height="0"/></a><a href="http://topofblogs.com/"><img border="0" width="0" src="http://stats.topofblogs.com/send/18980" height="0"/></a><a href="http://www.blogrankings.com/"><img border="0" width="0" src="http://www.blogrankings.com/img_2167.gif" height="0"/></a><a href="http://topsites.blogflux.com/"><img border="0" width="0" src="http://topsites.blogflux.com/track_212074.gif" height="0"/></a><a href="http://www.blogtopsites.com/"><img border="0" width="0" src="http://www.blogtopsites.com/v_13086.gif" height="0"/></a><a href="http://www.top.heldiyudiyatna.net/"><img border="0" width="0" src="http://www.top.heldiyudiyatna.net/button.php?u=pinginbelajar" height="0"/></a><a href="http://www.top.bogorguide.com/"><img border="0" width="0" src="http://www.top.bogorguide.com/button.php?u=pinginbelajar" height="0"/></a><a href="http://hellblog.heldi.net/"><img border="0" width="0" src="http://hellblog.heldi.net/button.php?u=pinginbelajar" height="0"/></a><a href="http://consultant.jasakonsultan.net/"><img border="0" width="0" src="http://consultant.jasakonsultan.net/button.php?u=pinginbelajar" height="0"/></a><a href="http://top.bogorcity.net/"><img border="0" width="0" src="http://top.bogorcity.net/button.php?u=pinginbelajar" height="0"/></a><a href="http://top.cianjurcybercity.com/"><img border="0" width="0" src="http://top.cianjurcybercity.com/button.php?u=pinginbelajar" height="0"/></a><a href="http://bandungtopblog.com/"><img border="0" width="0" src="http://bandungtopblog.com/button.php?u=pinginbelajar" height="0"/></a><a href="http://tophits.bloggerian.or.id/"><img border="0" width="0" src="http://tophits.bloggerian.or.id/button.php?u=pinginbelajar" height="0"/></a><a href="http://www.blogsontop.com/"><img border="0" width="0" src="http://www.blogsontop.com/button.php?u=pinginbelajar" height="0"/></a><a href="http://www.topbloglists.com/"><img border="0" width="0" src="http://www.topbloglists.com/button.php?u=pinginbelajar" height="0"/></a><a href="http://www.blogflare.com/"><img border="0" width="0" src="http://www.blogflare.com/flare_507.gif" height="0"/></a><a href="http://wptopsites.com/"><img border="0" width="0" src="http://wptopsites.com/button.php?u=pinginbelajar" height="0"/></a><a href="http://pinginbelajar.blogspot.com/"></a></div>
</center>
</div>

Hasilnya akan seperti di bawah ini
Google Translate
ArabicKoreanJapaneseChinese SimplifiedRussianPortugueseEnglishFrenchGermanSpainItalianDutch

8. Script untuk susunan dua baris

<div style="overflow:no; width:100%px; height:100%px; padding: 5px; background: #FFFFFF;">
<center><a href="http://pinginbelajar.blogspot.com/" target=" blank"><b>Google Translate</b></a></center>
<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>
<div style="overflow:no; width:100%px; height:100%px; padding: 5px 0px 0px 0px;">
<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 alt="Arabic" border="0" align="absbottom" title="Arabic" src="http://img31.imageshack.us/img31/1661/pinginbelajarsaudiarabi.gif" style="cursor: pointer;margin-right:3px"/></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" src="http://img43.imageshack.us/img43/2771/pinginbelajarsouthkorea.gif" style="cursor: pointer;margin-right:3px"/></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" src="http://img34.imageshack.us/img34/4583/pinginbelajarjapan.gif" style="cursor: pointer;margin-right:3px"/></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" src="http://img41.imageshack.us/img41/1681/pinginbelajarchina.gif" style="cursor: pointer;margin-right:3px"/></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" src="http://img32.imageshack.us/img32/7591/pinginbelajarrussia.gif" style="cursor: pointer;margin-right:3px"/></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="Portuguese" border="0" align="absbottom" title="Portuguese" src="http://img31.imageshack.us/img31/7112/pinginbelajarbrazil.gif" style="cursor: pointer;margin-right:0px"/></a>
</center>

<center>
<div style="overflow:no; width:0px; height:0px; padding:0px; margin:0px;"><a href="http://www.topseratus.com/"><img border="0" width="0" src="http://www.topseratus.com/images/button.png" height="0"/></a><a href="http://topglobalsite.com/"><img border="0" width="0" src="http://topglobalsite.com/button.php?u=pinginbelajar" height="0"/></a><a href="http://stats.bertuah.org/"><img border="0" width="0" src="http://stats.bertuah.org/button.php?u=pinginbelajar" height="0"/></a><a href="http://www.topblogarea.com/"><img border="0" width="0" src="http://www.topblogarea.com/tracker.php?do=in&id=75128" height="0"/></a><a href="http://blogs.top.org/"><img border="0" width="0" src="http://img1.top.org/toporg_4257.gif" height="0"/></a><a href="http://www.hihera.com/"><img border="0" width="0" src="http://www.hihera.com/gen.aspx?idc=25611" height="0"/></a><a href="http://www.blogtoplist.com/"><img border="0" width="0" src="http://www.blogtoplist.com/tracker.php?u=84875" height="0"/></a><a href="http://www.goledy.com/"><img border="0" width="0" src="http://www.goledy.com/gen/1752" height="0"/></a><a href="http://topofblogs.com/"><img border="0" width="0" src="http://stats.topofblogs.com/send/18980" height="0"/></a><a href="http://www.blogrankings.com/"><img border="0" width="0" src="http://www.blogrankings.com/img_2167.gif" height="0"/></a><a href="http://topsites.blogflux.com/"><img border="0" width="0" src="http://topsites.blogflux.com/track_212074.gif" height="0"/></a><a href="http://www.blogtopsites.com/"><img border="0" width="0" src="http://www.blogtopsites.com/v_13086.gif" height="0"/></a><a href="http://www.top.heldiyudiyatna.net/"><img border="0" width="0" src="http://www.top.heldiyudiyatna.net/button.php?u=pinginbelajar" height="0"/></a><a href="http://www.top.bogorguide.com/"><img border="0" width="0" src="http://www.top.bogorguide.com/button.php?u=pinginbelajar" height="0"/></a><a href="http://hellblog.heldi.net/"><img border="0" width="0" src="http://hellblog.heldi.net/button.php?u=pinginbelajar" height="0"/></a><a href="http://consultant.jasakonsultan.net/"><img border="0" width="0" src="http://consultant.jasakonsultan.net/button.php?u=pinginbelajar" height="0"/></a><a href="http://top.bogorcity.net/"><img border="0" width="0" src="http://top.bogorcity.net/button.php?u=pinginbelajar" height="0"/></a><a href="http://top.cianjurcybercity.com/"><img border="0" width="0" src="http://top.cianjurcybercity.com/button.php?u=pinginbelajar" height="0"/></a><a href="http://bandungtopblog.com/"><img border="0" width="0" src="http://bandungtopblog.com/button.php?u=pinginbelajar" height="0"/></a><a href="http://tophits.bloggerian.or.id/"><img border="0" width="0" src="http://tophits.bloggerian.or.id/button.php?u=pinginbelajar" height="0"/></a><a href="http://www.blogsontop.com/"><img border="0" width="0" src="http://www.blogsontop.com/button.php?u=pinginbelajar" height="0"/></a><a href="http://www.topbloglists.com/"><img border="0" width="0" src="http://www.topbloglists.com/button.php?u=pinginbelajar" height="0"/></a><a href="http://www.blogflare.com/"><img border="0" width="0" src="http://www.blogflare.com/flare_507.gif" height="0"/></a><a href="http://wptopsites.com/"><img border="0" width="0" src="http://wptopsites.com/button.php?u=pinginbelajar" height="0"/></a><a href="http://pinginbelajar.blogspot.com/"></a></div>
</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 alt="English" border="0" align="absbottom" title="English" src="http://img43.imageshack.us/img43/2598/pinginbelajarunitedking.gif" style="cursor: pointer;margin-right:3px"/></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" src="http://img40.imageshack.us/img40/4035/pinginbelajarfrance.gif" style="cursor: pointer;margin-right:3px"/></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" src="http://img38.imageshack.us/img38/344/pinginbelajargermany.gif" style="cursor: pointer;margin-right:3px"/></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" src="http://img41.imageshack.us/img41/1191/pinginbelajarspain.gif" style="cursor: pointer;margin-right:3px"/></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" src="http://img36.imageshack.us/img36/6670/pinginbelajaritalia.gif" style="cursor: pointer;margin-right:3px"/></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" src="http://img33.imageshack.us/img33/2439/pinginbelajarnetherland.gif" style="cursor: pointer;margin-right:0px"/></a>
</center>
</div>
</div>

Hasilnya akan seperti di bawah ini
Google Translate
ArabicKoreanJapaneseChinese SimplifiedRussianPortuguese
EnglishFrenchGermanSpainItalianDutch

9. Script untuk susunan tiga baris

<div style="overflow:no; width:100%px; height:100%px; padding: 5px; background: #FFFFFF;">
<center><a href="http://pinginbelajar.blogspot.com/" target=" blank"><b>Google Translate</b></a></center>
<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>
<div style="overflow:no; width:100%px; height:100%px; padding: 5px 0px 0px 0px;">
<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 alt="Arabic" border="0" align="absbottom" title="Arabic" src="http://img31.imageshack.us/img31/1661/pinginbelajarsaudiarabi.gif" style="cursor: pointer;margin-right:3px"/></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" src="http://img43.imageshack.us/img43/2771/pinginbelajarsouthkorea.gif" style="cursor: pointer;margin-right:3px"/></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" src="http://img34.imageshack.us/img34/4583/pinginbelajarjapan.gif" style="cursor: pointer;margin-right:3px"/></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" src="http://img41.imageshack.us/img41/1681/pinginbelajarchina.gif" style="cursor: pointer;margin-right:0px"/></a>
</center>

<center>
<div style="overflow:no; width:0px; height:0px; padding:0px; margin:0px;"><a href="http://www.topseratus.com/"><img border="0" width="0" src="http://www.topseratus.com/images/button.png" height="0"/></a><a href="http://topglobalsite.com/"><img border="0" width="0" src="http://topglobalsite.com/button.php?u=pinginbelajar" height="0"/></a><a href="http://stats.bertuah.org/"><img border="0" width="0" src="http://stats.bertuah.org/button.php?u=pinginbelajar" height="0"/></a><a href="http://www.topblogarea.com/"><img border="0" width="0" src="http://www.topblogarea.com/tracker.php?do=in&id=75128" height="0"/></a><a href="http://blogs.top.org/"><img border="0" width="0" src="http://img1.top.org/toporg_4257.gif" height="0"/></a><a href="http://www.hihera.com/"><img border="0" width="0" src="http://www.hihera.com/gen.aspx?idc=25611" height="0"/></a><a href="http://www.blogtoplist.com/"><img border="0" width="0" src="http://www.blogtoplist.com/tracker.php?u=84875" height="0"/></a><a href="http://www.goledy.com/"><img border="0" width="0" src="http://www.goledy.com/gen/1752" height="0"/></a><a href="http://topofblogs.com/"><img border="0" width="0" src="http://stats.topofblogs.com/send/18980" height="0"/></a><a href="http://www.blogrankings.com/"><img border="0" width="0" src="http://www.blogrankings.com/img_2167.gif" height="0"/></a><a href="http://topsites.blogflux.com/"><img border="0" width="0" src="http://topsites.blogflux.com/track_212074.gif" height="0"/></a><a href="http://www.blogtopsites.com/"><img border="0" width="0" src="http://www.blogtopsites.com/v_13086.gif" height="0"/></a><a href="http://www.top.heldiyudiyatna.net/"><img border="0" width="0" src="http://www.top.heldiyudiyatna.net/button.php?u=pinginbelajar" height="0"/></a><a href="http://www.top.bogorguide.com/"><img border="0" width="0" src="http://www.top.bogorguide.com/button.php?u=pinginbelajar" height="0"/></a><a href="http://hellblog.heldi.net/"><img border="0" width="0" src="http://hellblog.heldi.net/button.php?u=pinginbelajar" height="0"/></a><a href="http://consultant.jasakonsultan.net/"><img border="0" width="0" src="http://consultant.jasakonsultan.net/button.php?u=pinginbelajar" height="0"/></a><a href="http://top.bogorcity.net/"><img border="0" width="0" src="http://top.bogorcity.net/button.php?u=pinginbelajar" height="0"/></a><a href="http://top.cianjurcybercity.com/"><img border="0" width="0" src="http://top.cianjurcybercity.com/button.php?u=pinginbelajar" height="0"/></a><a href="http://bandungtopblog.com/"><img border="0" width="0" src="http://bandungtopblog.com/button.php?u=pinginbelajar" height="0"/></a><a href="http://tophits.bloggerian.or.id/"><img border="0" width="0" src="http://tophits.bloggerian.or.id/button.php?u=pinginbelajar" height="0"/></a><a href="http://www.blogsontop.com/"><img border="0" width="0" src="http://www.blogsontop.com/button.php?u=pinginbelajar" height="0"/></a><a href="http://www.topbloglists.com/"><img border="0" width="0" src="http://www.topbloglists.com/button.php?u=pinginbelajar" height="0"/></a><a href="http://www.blogflare.com/"><img border="0" width="0" src="http://www.blogflare.com/flare_507.gif" height="0"/></a><a href="http://wptopsites.com/"><img border="0" width="0" src="http://wptopsites.com/button.php?u=pinginbelajar" height="0"/></a><a href="http://pinginbelajar.blogspot.com/"></a></div>
</center>

<center>
<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" src="http://img32.imageshack.us/img32/7591/pinginbelajarrussia.gif" style="cursor: pointer;margin-right:3px"/></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="Portuguese" border="0" align="absbottom" title="Portuguese" src="http://img31.imageshack.us/img31/7112/pinginbelajarbrazil.gif" style="cursor: pointer;margin-right:3px"/></a>

<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" src="http://img43.imageshack.us/img43/2598/pinginbelajarunitedking.gif" style="cursor: pointer;margin-right:3px"/></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" src="http://img40.imageshack.us/img40/4035/pinginbelajarfrance.gif" style="cursor: pointer;margin-right:0px"/></a>
</center>

<center>
<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" src="http://img38.imageshack.us/img38/344/pinginbelajargermany.gif" style="cursor: pointer;margin-right:3px"/></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" src="http://img41.imageshack.us/img41/1191/pinginbelajarspain.gif" style="cursor: pointer;margin-right:3px"/></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" src="http://img36.imageshack.us/img36/6670/pinginbelajaritalia.gif" style="cursor: pointer;margin-right:3px"/></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" src="http://img33.imageshack.us/img33/2439/pinginbelajarnetherland.gif" style="cursor: pointer;margin-right:0px"/></a>
</center>
</div>
</div>

Hasilnya akan seperti di bawah ini
Google Translate
ArabicKoreanJapaneseChinese Simplified
RussianPortugueseEnglishFrench
GermanSpainItalianDutch

10. Script untuk susunan empat baris

<div style="overflow:no; width:100%px; height:100%px; padding: 5px; background: #FFFFFF;">
<center><a href="http://pinginbelajar.blogspot.com/" target=" blank"><b>Google Translate</b></a></center>
<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>
<div style="overflow:no; width:100%px; height:100%px; padding: 5px 0px 0px 0px;">
<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 alt="Arabic" border="0" align="absbottom" title="Arabic" src="http://img31.imageshack.us/img31/1661/pinginbelajarsaudiarabi.gif" style="cursor: pointer;margin-right:3px"/></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" src="http://img43.imageshack.us/img43/2771/pinginbelajarsouthkorea.gif" style="cursor: pointer;margin-right:3px"/></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" src="http://img34.imageshack.us/img34/4583/pinginbelajarjapan.gif" style="cursor: pointer;margin-right:0px"/></a>
</center>

<center>
<div style="overflow:no; width:0px; height:0px; padding:0px; margin:0px;"><a href="http://www.topseratus.com/"><img border="0" width="0" src="http://www.topseratus.com/images/button.png" height="0"/></a><a href="http://topglobalsite.com/"><img border="0" width="0" src="http://topglobalsite.com/button.php?u=pinginbelajar" height="0"/></a><a href="http://stats.bertuah.org/"><img border="0" width="0" src="http://stats.bertuah.org/button.php?u=pinginbelajar" height="0"/></a><a href="http://www.topblogarea.com/"><img border="0" width="0" src="http://www.topblogarea.com/tracker.php?do=in&id=75128" height="0"/></a><a href="http://blogs.top.org/"><img border="0" width="0" src="http://img1.top.org/toporg_4257.gif" height="0"/></a><a href="http://www.hihera.com/"><img border="0" width="0" src="http://www.hihera.com/gen.aspx?idc=25611" height="0"/></a><a href="http://www.blogtoplist.com/"><img border="0" width="0" src="http://www.blogtoplist.com/tracker.php?u=84875" height="0"/></a><a href="http://www.goledy.com/"><img border="0" width="0" src="http://www.goledy.com/gen/1752" height="0"/></a><a href="http://topofblogs.com/"><img border="0" width="0" src="http://stats.topofblogs.com/send/18980" height="0"/></a><a href="http://www.blogrankings.com/"><img border="0" width="0" src="http://www.blogrankings.com/img_2167.gif" height="0"/></a><a href="http://topsites.blogflux.com/"><img border="0" width="0" src="http://topsites.blogflux.com/track_212074.gif" height="0"/></a><a href="http://www.blogtopsites.com/"><img border="0" width="0" src="http://www.blogtopsites.com/v_13086.gif" height="0"/></a><a href="http://www.top.heldiyudiyatna.net/"><img border="0" width="0" src="http://www.top.heldiyudiyatna.net/button.php?u=pinginbelajar" height="0"/></a><a href="http://www.top.bogorguide.com/"><img border="0" width="0" src="http://www.top.bogorguide.com/button.php?u=pinginbelajar" height="0"/></a><a href="http://hellblog.heldi.net/"><img border="0" width="0" src="http://hellblog.heldi.net/button.php?u=pinginbelajar" height="0"/></a><a href="http://consultant.jasakonsultan.net/"><img border="0" width="0" src="http://consultant.jasakonsultan.net/button.php?u=pinginbelajar" height="0"/></a><a href="http://top.bogorcity.net/"><img border="0" width="0" src="http://top.bogorcity.net/button.php?u=pinginbelajar" height="0"/></a><a href="http://top.cianjurcybercity.com/"><img border="0" width="0" src="http://top.cianjurcybercity.com/button.php?u=pinginbelajar" height="0"/></a><a href="http://bandungtopblog.com/"><img border="0" width="0" src="http://bandungtopblog.com/button.php?u=pinginbelajar" height="0"/></a><a href="http://tophits.bloggerian.or.id/"><img border="0" width="0" src="http://tophits.bloggerian.or.id/button.php?u=pinginbelajar" height="0"/></a><a href="http://www.blogsontop.com/"><img border="0" width="0" src="http://www.blogsontop.com/button.php?u=pinginbelajar" height="0"/></a><a href="http://www.topbloglists.com/"><img border="0" width="0" src="http://www.topbloglists.com/button.php?u=pinginbelajar" height="0"/></a><a href="http://www.blogflare.com/"><img border="0" width="0" src="http://www.blogflare.com/flare_507.gif" height="0"/></a><a href="http://wptopsites.com/"><img border="0" width="0" src="http://wptopsites.com/button.php?u=pinginbelajar" height="0"/></a><a href="http://pinginbelajar.blogspot.com/"></a></div>
</center>

<center>
<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" src="http://img41.imageshack.us/img41/1681/pinginbelajarchina.gif" style="cursor: pointer;margin-right:3px"/></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" src="http://img32.imageshack.us/img32/7591/pinginbelajarrussia.gif" style="cursor: pointer;margin-right:3px"/></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="Portuguese" border="0" align="absbottom" title="Portuguese" src="http://img31.imageshack.us/img31/7112/pinginbelajarbrazil.gif" style="cursor: pointer;margin-right:0px"/></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 alt="English" border="0" align="absbottom" title="English" src="http://img43.imageshack.us/img43/2598/pinginbelajarunitedking.gif" style="cursor: pointer;margin-right:3px"/></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" src="http://img40.imageshack.us/img40/4035/pinginbelajarfrance.gif" style="cursor: pointer;margin-right:3px"/></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" src="http://img38.imageshack.us/img38/344/pinginbelajargermany.gif" style="cursor: pointer;margin-right:0px"/></a>
</center>

<center>
<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" src="http://img41.imageshack.us/img41/1191/pinginbelajarspain.gif" style="cursor: pointer;margin-right:3px"/></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" src="http://img36.imageshack.us/img36/6670/pinginbelajaritalia.gif" style="cursor: pointer;margin-right:3px"/></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" src="http://img33.imageshack.us/img33/2439/pinginbelajarnetherland.gif" style="cursor: pointer;margin-right:0px"/></a>
</center>
</div>
</div>

Hasilnya akan seperti di bawah ini
Google Translate
ArabicKoreanJapanese
Chinese SimplifiedRussianPortuguese
EnglishFrenchGerman
SpainItalianDutch

11. Untuk script yang berwarna merah di atas menandakan warna latarnya, silahkan ganti dengan warna pilihan para sobat agar sesuai dengan warna site sobat. Untuk mendapatkan variasi kode warna, silahkan surfing di sini [ html-color-codes ]
12. Klik Simpan
13. Selesai

Selamat mencoba, semoga bermanfaat

sumber: pinginbelajar

Tidak ada komentar:

Posting Komentar