Lompat ke konten Lompat ke sidebar Lompat ke footer

Menambahkan Google Translate dengan Icon Bendera

Pernah saya menulis cara menambahakan goole translate yang dulu saya guna adalah google translate yang berbentuk drop down menu. Yang tulisan dan cara menambahakannya dapa kalian baca di sini. Widget penerjemah blog kita ke berbagai bahasa ini memang lebih menarik lagi jika berbentuk gambar.

Google translate dengan icon gambar blog akan terlihat menarik, dengan memilih bahasa yang ingin diterjemahkan dengan mengklik bendera negara yang ingin diterjemahkan ke bahasanya. Sekarang akan lebih mempermudahkan pengunjung blog kita untuk memilih bahasa yang diinginkan. Langsung saja kita belajar bersama, dengan mengikuti langkah-langkah berikut.

Cara Menambahkan Google Translate dengan Icon Bendera
1. Login ke blogger.com
2. Pilih Tata Letak --> Tambah Gadget
3. Selanjutnya pilih HTML/JavaScript
4. Masukan (copy paste) hode di bawah ini


<center><a style="cursor: pointer;" 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 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)+'&amp;langpair=id%7Cfr&amp;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)+'&amp;langpair=id%7Cde&amp;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)+'&amp;langpair=id%7Ces&amp;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)+'&amp;langpair=id%7Cit&amp;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)+'&amp;langpair=id%7Cnl&amp;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)+'&amp;langpair=id%7Cru&amp;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)+'&amp;langpair=id%7Cpt&amp;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)+'&amp;langpair=id%7Cja&amp;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)+'&amp;langpair=id%7Cko&amp;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)+'&amp;langpair=id%7Car&amp;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)+'&amp;langpair=id%7Czh-CN&amp;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></center><br/>

5. Simpan kalau sudah selesai

17 komentar untuk "Menambahkan Google Translate dengan Icon Bendera"

  1. klo pake wp tutorial tadi bisa dipake ga?

    BalasHapus
  2. .))TRIM'S SAYA SUDAH PASANG DI BLOG

    BalasHapus
  3. makasih ya,ka.sangat membantu buat aku yang masih newbie

    BalasHapus
  4. aduh bingung nec ....? G5n yah caranya ngedit blog....?

    BalasHapus
  5. thx gan
    saya sudah pasang, n berhasil!
    :)

    tolong liat2 pny saya, dan mohon bantuannya ya!!
    baru belajar!!
    :D

    www.mouflonhl.blogspot.com

    BalasHapus
  6. Oke terima kasih sudah jalan di blog saya

    BalasHapus
  7. nggak ada benederanya, ga muncul =_=;

    BalasHapus
  8. bos, kl nambah bhs gmana ya? saya bingung sama url nya...

    BalasHapus
  9. terlalu banyak makan space tuh gan.. mending yang roll bar aja ada disini?

    BalasHapus
  10. thanks sob....
    kunjungi
    www.abdalike.co.cc
    www.kabdal.co.cc
    www.khairulabdal.co.cc

    BalasHapus
  11. sangat membantu,,
    trimakasih,,
    kunjungan baliknya gan..
    All Android Apps Full, Crack, and Free here

    BalasHapus
  12. saya bingung gan cara meletakkan diatas header pas ditengah itu gimana, udah dicoba malah berantakan,,

    <a href="http://global-android.blogspot.com>android apps PRO</a>

    BalasHapus

Berlangganan via Email