Pasang Widget Google Translate bag-2

Setiap pemilik blog tentunya ingin blognya terlihat cantik, bagus bukan hanya dari segi isinya saja tetapi dari tampilannya juga. Sehingga para blogger terus berkreasi membuat suatu template yang cantik atupun widget-widget yang cantik dan tidak bosan untuk dilihat. caontohnya tampilan widget Google Translate dalam bentuk gambar bendera.

Sebelumnya saya sudah membuat postingan Pasang Widget Google Translate bag-1 , nah karena ada bag-1 berarti ada bag-2 nya. sekarang saya coba berbagi ilmu mengenai beberapa tampilan bentuk google translate pada blog.

Caranya sama seperti sebelumnya :

1. Silahkan login ke blogger dengan ID sobat
   
2. Klik Tata Letak
   
3. Klik tab Elemen Halaman
   
4. Klik Tambah Gadget
   
5. Pilih HTML/Javascript
   
6. Copy paste kode google translate di bawah ini ke dalam kolom yang tersedia.

Bentuk ke-1
Demo :

<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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7jsjvIIJ9W91er8oqTrJM3xzLfgDKx3WrAI2rZmIZ27HaL4DTlHmzRvnohl53V7eKkmNOJxGqOTVYbwL5Yrtr35AN2eKu4Z4qRP5JC_76kcM88bMP-8kQMP-hzZthCMreeM-qSfMAxHE/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjeX29wYPBX7LH4LlRFi17Z7QiIWlEfLmMfecsqTKkPl2bj3Sd-oo29BLf6i7OWpkNenrK7ctmTPB2nCYqucSbdFlZyU9sh4CC3lc3ICMa-GFuOOB0yr5HIpL9vLGNKsj9me0GbnlchLI/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWbEEHeVMngyP0cj8zOGl7-jHCjAw1JTvvKS3-QP4UOsvcsGqtCHbTDUEeQd8hl01odbzGPAN1c8j0GkLefcIg9QWNR0ZMB7lEQ0bje06plGhYRhouoO9olviD_tbp3Bkpfg5IH-4DRw2c/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi912RdijKDrwVWGitNVtrj8U2DA4N82sTvfCysq6m0UAIKnJnPF2zTrC2EBG0As8ZQrpOCBitBCfo8UjTFXQOUJFtORhnpIDmmOVJ4s4M_0va4znc63V93kKHKaTVc0Wsx6EwEfCJrM5fh/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjgorA7wbbi75sueLxyp6qzBVVNmqp2LNT3BDzqKJWZ75dwySnUDQyN99dKFB41vjf-rjNil7ou9_fEyMfZTkj0GdhxdpItz-lVGLExkM2OWYP4zivPBfX4aozAKdJpn8nUTb55NNWjGE/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7h-pA46jC4-oXsC7Dcp3vv57qG-LpKD67S1ZkgEiQVc11UCYjpb7kj8VZL5FqKtIqqQjCEVMyMTE1YTEeIByaBYxkUO-p3XDXMOHKO7Og4imSgcwsIuHOVSXDcj1dwDfBfFtFLSBOLfA/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip1N-3ODQ66hTjLPnoVHMWljUXnr9ja8EyL5ZUkt-CDg-YBkvo4F9MNKpr5CeHLrU9xQyZDtCHJV769fWr0_zwTjmkolCeRtT2tdjGOK9N61TxEwYA42DDYosvyzg0SUHpSnhCgeOppm8/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></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" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmM7300oXdRrnBOksr5Hg0l0CUu7ubppvlHf5Vye6zQlTUzdM8O8WB1KjVNlrrJR1OmaM5dECXsP7ePhmzaBnqPcepc3rYrf6V0eNTIkt3iMok9pR0r12AChP1IEmil_zXZxvBLvbtlgg/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaoL1593Fof2MI0T4o-CdY500P2dPX__URb5WxX0ZiPNQN2A1bk_1_OsI5N3ADnQYG-6k_XOFe_RCLyzKjAzjsa7IyqvdUyudVK0WyARnuQldVPiht8O02knRWD2l7YDAAteDcxSn9-Ji9/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJecJSnUt1Obi_0dR6RiP4zkCxaz3yyvNYgG6fwTYYe4uQ-5hsTMpw_tWueicYppVEVVdp995NVRT8Hkom2mH-Ms5whE6H6ACnLQjgeTxeJQg9-DtZrXiwftpo23RAkplJh394Lc-_D-0/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgISMQWAdR04cwlAaB5Xp9D4g_0FVjG2CAUDJwjAC7Ft18tic3RoD6ohRHDYomcSTizkAx2CuQusFZv9qMF4fj_h-4uYn0onvqWU0KdYRuR_xmj1W9mX6V2eKQbZDoiz0YgLOqwW-gM8k4/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuzettII_NEGHSESg6HpewsKdahQD8qZj2zNvF7pGKDMyv_woWzCnqVCE8TEoglLZIdu6h87OWDutE64ZrhpaN3bte6LfgcjYIjc0OYTcuskulzlD3vuo7b-gUF09Kx3TfXQltuWCNRwU/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a> </div> <div 0px 0px� style="�font-size:10px;margin:8px" 3px></div>

Bentuk ke-2
Demo :

<a style="cursor: pointer;" 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 border="0" alt="English" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/inggris.gif" height="20" title="English" align="absbottom"/></a> <a style="cursor: pointer;" 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 border="0" alt="French" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/francis.gif" height="20" title="French" align="absbottom"/></a> <a style="cursor: pointer;" 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 border="0" alt="German" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/jerman.gif" height="20" title="German" align="absbottom"/></a> <a style="cursor: pointer;" 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 border="0" alt="Spain" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/spnyol.gif" height="20" title="Spain" align="absbottom"/></a><a style="cursor: pointer;" 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 border="0" alt="Italian" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/italia.gif" height="20" title="Italian" align="absbottom"/></a> <a style="cursor: pointer;" 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 border="0" alt="Dutch" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/belanda.gif" height="20" title="Dutch" align="absbottom"/></a> <a style="cursor: pointer;" 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 border="0" alt="Russian" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/rusia.gif" height="20" title="Russian" align="absbottom"/></a> <a style="cursor: pointer;" 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 border="0" alt="Portuguese" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/brazilia.gif" height="20" title="Portuguese" align="absbottom"/></a> <a style="cursor: pointer;" 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 border="0" alt="Japanese" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/jepang.gif" height="20" title="Japanese" align="absbottom"/></a> <a style="cursor: pointer;" 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 border="0" alt="Korean" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/koreautara.gif" height="20" title="Korean" align="absbottom"/></a> <a style="cursor: pointer;" 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 border="0" alt="Arabic" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/saudiarabia.gif" height="20" title="Arabic" align="absbottom"/></a> <a style="cursor: pointer;" 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 border="0" alt="Chinese Simplified" style="cursor: pointer;" src="http://i708.photobucket.com/albums/ww86/andiskapati/cina.gif" height="20" title="Chinese Simplified" align="absbottom"/></a>

Bentuk ke-3
Demo :

<!-- Begin ConveyThis Button --> <script type="text/javascript"> convey_source = "English"; </script> <a href="http://www.translation-services-usa.com/">Translation services</a><br /><a href="http://www.voolkan.com/" id="conveythis_image" title="Post Jobs" onmouseover="conveythis_show(this)" onmouseout="conveythis_start_timer()" onclick="return conveythis_prepWindow(this)" ><img src="http://no-stats2.conveythis.com/kern_e2/images/translate1.gif" style="border-style: none;" /></a> <script type="text/javascript" src="http://no-stats2.conveythis.com/kern_e2/javascript/e2_1.js"></script> <!-- End ConveyThis Button -->

Artikel yang berhubungan

Lihat semua postingan >>Di sini<<