Cara Memasang Widget Google Translate Bendera Bergerak Diblog

   

  

Kali ini saya akan menjelaskan cara membuat google translate bendera (flag icon) , fungsi dari google translate adalah untuk menerjemahkan isi dari posting blog ke bahasa pengunjung blog yang dimengerti , seperti yang ada pada bagian sidebar blog ini , untuk Cara Memasang Widget Google Translate Bendera Bergerak Diblog ini sangat mudah.
Fungsi nya tetap sama untuk menerjemahkan , tapi Cara Memasang Widget Google Translate Bendera Bergerak Diblog ini juga bertujuan mempermanis / memperindah tampilan blog anda
tutorial nya cukup sederhana
Cara Memasang Widget Google Translate Bendera: 

>>>  Sign In di blogger.com
>>>  Pada menu Drop Down, pilih Layout
>>>  Klik Add a Gadget dan Pilih HTML/JavaScript
>>>  Copy Paste kode Berikut pada kolom yang tersedia


<center>
<style> .translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; padding-left:0px; } .translate:hover img { filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; border:0; } </style> <div style="text-align:center"> <a class="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="20" src="http://a.imageshack.us/img835/6766/inggris.gif" style="cursor: pointer;margin-right:8px" width="20"/></a>  <a class="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="20" src="http://a.imageshack.us/img84/7864/jerman.gif" style="cursor: pointer;margin-right:8px" width="20"/></a> <a class="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="20" src="http://a.imageshack.us/img294/6256/spnyol.gif" style="cursor: pointer;margin-right:8px" width="20"/></a> <a class="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="20" src="http://a.imageshack.us/img32/6484/italiab.gif" style="cursor: pointer;margin-right:8px" width="20"/></a> <br /><br /><a class="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="20" src="http://a.imageshack.us/img64/8434/belanda.gif" style="cursor: pointer;margin-right:8px" width="20"/></a><a class="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="20" src="http://a.imageshack.us/img697/8801/francis.gif" style="cursor: pointer;margin-right:8px" width="20"/></a> <a class="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="20" src="http://a.imageshack.us/img691/674/jepang.gif" style="cursor: pointer;margin-right:8px" width="20"/></a>  <a class="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="24" src="http://img268.imageshack.us/img268/3818/saudiarabiab.gif" style="cursor: pointer;margin-right:8px" width="24"/></a>
</div></center


>>>  Simpan Widget sobat blogger 

Semoga artikel  ini bisa bermanfaat untuk sobat-sobat blogger sekalian.

Artikel Terkait:

tutorial blogger

• cari template klik disini
• Apa Itu SEO?
• Apa Itu JavaScript
• Kelebihan Dan Kekurangan Blogspot dan Wordpress
• Cara Memberi Password Pada Winrar
• APAKAH BLOGGER ITU PAHLAWAN?
• Cara Memasang Tukeran Link Otomatis Dengan Mistery Linky's Magic Wizard
• efek loading blog dengan animasi keyfames
• 9 Cara Membuat Loading Blog 300% Lebih Cepat
• Cara Memasang Tombol Back to Top diatas Footer pada Blog
• Cara Scan Blog dan Website dari Virus dan Malware
• EFEK SHADOW PADA TEXT DENGAN CSS
• Loading Blog dengan Keyframes dari Bawah ke Atas
• menu blog dengan CSS
• CARA MENGUBAH "JOIN THIS SITE" DENGAN GAMBAR FOLLOWERS 999999999
• cara membuat menu berbentuk lingkaran
• Membuat Efek Sliding
• cara membuat tooltip di blog
• cara membuat read more dan add coment
• cara membuat menu navigasi
• cara membuat gambar poting berputar saat di sorsot mouse
• Pentingnya & Manfaat bahasa inggris bagi seorang blogger
• Pengertian Tentang Komentar Kentut Pada Blog
• Cara Membuat Kotak Judul Postingan Jadi Menarik
• Cara Memasang Embed Link di bawah Postingan Blog