BLOGGER HACK, Informasi, MENGHIAS BLOG, TIPS BLOGGING, TUTORIAL BLOG

WIDGET GOOGLE TRANSLATE

Posted by ⋅ ⋅ 4 Komentar

Translate adalah fasilitas yang dapat menterjemahkan kata maupun kalimat ke bahasa yang lain. Dan kali ini saya akan mencoba membahas tentang cara memasang widget Google Translate bericon bendera seperti contoh dibawah ini :

.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;}

English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified

Postingan ini sebenarnya bukan yang pertama muncul di blog, saya juga sebenarnya cuma “menyontek” dari sang master KANG ROHMAN namun sedikit di modifikasi. Kalau ditempat sang master blogger tersebut icon bendera yang ditampilkan berukuran 32 x 24 pixel sehingga cukup besar untuk ditempatkan. Nah… kemudian sedikit saya oprek dengan bentuk icon bendera kecil seperti contoh diatas.

Langsung saja ikuti langkah berikut ini :

  • Silahkan login ke blogger dengan ID anda
  • Klik Tata Letak
  • Klik tab Elemen Halaman
  • Klik Tambah Gadget

 

Gadget_1

 

    • Klik tanda plus (+) untuk HTML/Javascript

     

    html

  • Copy paste kode google translate ke dalam kolom yang tersedia
<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)+'&amp;langpair=id%7Cen&amp;hl=en'); return false;"><img alt="English" border="0" align="absBottom" title="English" height="16" src="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwjycGEnLI/AAAAAAAAA1o/7p6S3-tipsA/English_thumb%5B3%5D.png?imgmax=800" style="cursor: pointer; margin-right: 10px" width="16"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cfr&amp;hl=en'); return false;"><img alt="French" border="0" align="absBottom" title="French" height="16" src="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj1AdOWZI/AAAAAAAAA1w/lWUkGNrOFYo/French_thumb%5B5%5D.png?imgmax=800" style="cursor: pointer; margin-right: 10px" width="16"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cde&amp;hl=en'); return false;"><img alt="German" border="0" align="absBottom" title="German" height="16" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwj4Ab0NaI/AAAAAAAAA14/3H56LPKtijA/German_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 10px" width="16"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Ces&amp;hl=en'); return false;"><img alt="Spain" border="0" align="absBottom" title="Spain" height="16" src="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj8KhadjI/AAAAAAAAA2A/GNyl8VBie3o/Spain_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 10px" width="16"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cit&amp;hl=en'); return false;"><img alt="Italian" border="0" align="absBottom" title="Italian" height="16" src="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj-14HeyI/AAAAAAAAA2I/TN52dIqkO9Q/Italian_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 10px" width="16"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cnl&amp;hl=en'); return false;"><img alt="Dutch" border="0" align="absBottom" title="Dutch" height="16" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkBmKewNI/AAAAAAAAA2Q/43NEAnyNo1I/Dutch_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 10px" width="16"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cru&amp;hl=en'); return false;"><img alt="Russian" border="0" align="absBottom" title="Russian" height="16" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkESa-0pI/AAAAAAAAA2Y/i0X4cKgxq3g/Russian_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 10px" width="12"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cpt&amp;hl=en'); return false;"><img alt="Portuguese" border="0" align="absBottom" title="Portuguese" height="16" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkG0osjzI/AAAAAAAAA2g/_kM2A16R_Ho/Portuguese_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 10px" width="16"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cja&amp;hl=en'); return false;"><img alt="Japanese" border="0" align="absBottom" title="Japanese" height="16" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkJ6RBJAI/AAAAAAAAA2o/lpsTh893J3k/Japanese_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 10px" width="16"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.oogle.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cko&amp;hl=en'); return false;"><img alt="Korean" border="0" align="absBottom" title="Korean" height="16" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkMouNMKI/AAAAAAAAA2w/L5l6J-Hh8XA/Korean_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 10px" width="16"/></a> <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Car&amp;hl=en'); return false;"><img alt="Arabic" border="0" align="absBottom" title="Arabic" height="16" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkPdkvXBI/AAAAAAAAA24/A1LSG1lcuac/Arabic_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 10px" width="16"/></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)+'&amp;langpair=id%7Czh-CN&amp;hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absBottom" title="Chinese Simplified" height="16" src="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwkSgrv4ZI/AAAAAAAAA3A/jQqZ1l6avts/Chinese-Simplified_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 10px" width="16"/></a> </div></center>Widget by <a href="http://suriyadi.com/2009/01/widget-google-translate.html">Suriyadi</a>

 

  • Kemudian simpan pekerjaan anda dengan mengklik SAVE
  • Selesai

Tentang Suriyadi

Aku adalah aku dan bukan siapa - siapa. Aku hanya ingin maju dan kalau bisa yang terdepan apalagi dibidang teknologi informasi. Bukan sombong atau hebat tapi aku ingin hebat

Diskusi

4 Tanggapan to “WIDGET GOOGLE TRANSLATE”

  1. wew…sekarang banyak yang membahas Google Translate ya bos…???

    Posted by achied90 | 18 Januari 2009, 12:48 am
    Reply to this comment

  2. Happy Wednesday! Bloghoppin’ here… Hey, I have an interesting tutorial for you that I have written myself. It is about adding Adsense on your Single Post in XML template. I hope you’ll like it! God Bless you!

    Posted by Hapi | 21 Januari 2009, 9:34 pm
    Reply to this comment

  3. Makasih ya mas atas source codenya.Mantaaaaappppp……

    Posted by Arriful Affandy | 1 Maret 2009, 4:43 am
    Reply to this comment

  4. THANKS YA………….

    Posted by SYAMSUL HIDAYAT | 9 Juni 2009, 8:30 am
    Reply to this comment

Tinggalkan Balasan

Fill in your details below or click an icon to log in:

Gravatar
WordPress.com Logo

You are commenting using your WordPress.com account. ( Log Out / Ubah )

Twitter picture

You are commenting using your Twitter account. ( Log Out / Ubah )

Facebook photo

You are commenting using your Facebook account. ( Log Out / Ubah )

Batal

Connecting to %s

Blog Stats

  • 24,059 hits

Kategori

Ikuti

Get every new post delivered to your Inbox.

Bergabunglah dengan 420 pengikut lainnya.