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

blog tutorial

• Tampilan Label Cloud Blogger dan modifikasinya
• Script Random arti Ayat Alqur'an dan Hadist
• Memasang Radio Streaming pada Blog
• Script CCTV ( Closed Circuit Television )
• Script Televisi Live Streaming
• Memasang Image Magnifier
• Membuat Daftar Isi Blog Otomatis
• Meningkatkan Traffic Blog Dengan Rumus T=v1+v2
• Widget Countdown Menuju Pesta Blogger 2009
• Trik mudah membuat Read More
• Membuat efek Marquee atau teks berjalan
• Cara Pasang gambar melayang pada blog
• Pasang MP3 di blog
• Pasang Widget Google Translate bag-1
• Cara Memasang Musik, MP3, Audio Player Pada Blog
• Memasang cursor animasi pada blog
• Membuat blog dengan blogspot
• Membuat RSS Feed (Berlangganan Artikel via RSS)
• Video Debat Capres dan Cawapres I, II, Final
• Membuat Foto Animasi dengan Software Flash Slideshow Maker
• Asyiknya posting artikel dengan Windows Live Writer
• Cara Cepat Terindex google
• Memasang fungsi spoiler (show and hide fungtion)
• Membuat foto animasi seperti Kategori bentuk animasi

Lihat semua postingan >>Di sini<<