Cara Membuat Google Translate Bendera Bergerak Part 1

Nah Kali ini saya Akan Memberikan Tips & Trik Membuat Translate Box.yang mungkin Bagi kalian menganggapnya Tidak Penting Membuat Translate Box, Namun ternyata dengan Menyediakan Translate Box mempunyai banyak manfaat. Karena Pengunjung Blog atau visitor Blog yang datang ke blog kita, tidak hanya berasal dari Negeri kita sendiri yang menggunakan satu bahasa dengan kita. Jadi, supaya pengunjung yang berasal dari luar negeri bisa memahami atau mengerti setiap post yang kita buat, pemasangan Widget Google Translate menjadi sangat penting. Oleh karena itu, saya akan memberikan tutorial Blog tentang cara membuat Google Translate yang menampilkan efek bendera yang bergerak.

Cara buat Widget Google Translate bendera bergerak :

• Sign In di http://www.blogger.com/
• Pada Dashbor klik Design/tataletak
• Klik Add Gadget dan HTML Java Script
• Copy kode di bawah ini dan paste pada kolom yang tersedia.

  <center><a href=" http://translate.google.com/translate?hl=en&amp;langpair=id|EN&amp;u= http://optimus-software.blogspot.com/ " ><img alt="English" src="http://a.imageshack.us/img835/6766/inggris.gif" style="cursor: pointer;" title="English" border="0" height="20" align="absbottom" /></a>

<a href=" http://translate.google.com/translate?hl=en&amp;langpair=id|JA&amp;u= http://optimus-software.blogspot.com/ " ><img alt="Japanese" src="http://a.imageshack.us/img691/674/jepang.gif" style="cursor: pointer;" title="Japanese" border="0" height="20" align="absbottom" /></a>

<a href=" http://translate.google.com/translate?hl=en&amp;langpair=id|PT&amp;u= http://optimus-software.blogspot.com/ " ><img alt="Portuguese" src="http://a.imageshack.us/img816/6505/brazilia.gif" style="cursor: pointer;" title="Portuguese" border="0" height="20" align="absbottom" /></a>

<a href=" http://translate.google.com/translate?hl=en&amp;langpair=id|AR&amp;u= http://optimus-software.blogspot.com/ " ><img alt="Arabic" src="http://img268.imageshack.us/img268/3818/saudiarabiab.gif" style="cursor: pointer;" title="Arabic" border="0" height="20" align="absbottom" /></a>

<a href=" http://translate.google.com/translate?hl=en&amp;langpair=id|ZH-TW&amp;u= http://optimus-software.blogspot.com/ " ><img alt="Chinese Simplified" src="http://a.imageshack.us/img176/776/cina.gif" style="cursor: pointer;" title="Chinese Simplified" border="0" height="20" align="absbottom" />

<a href=" http://translate.google.com/translate?hl=en&amp;langpair=id|DE&amp;u= http://optimus-software.blogspot.com/ " ><img alt="German" borde="0" src="http://a.imageshack.us/img84/7864/jerman.gif" style="cursor: pointer;" title="German" height="20" align="absbottom" /></a>

<a href=" http://translate.google.com/translate?hl=en&amp;langpair=id|NL&amp;u= http://optimus-software.blogspot.com/ " ><img alt="Dutch" src="http://a.imageshack.us/img64/8434/belanda.gif" style="cursor: pointer;" title="Dutch" border="0" height="20" align="absbottom" /></a>

<a href=" http://translate.google.com/translate?hl=en&amp;langpair=id|KO&amp;u= http://optimus-software.blogspot.com/ " ><img alt="Korean" src="http://a.imageshack.us/img683/4231/koreautara.gif" style="cursor: pointer;" title="Korean" border="0" height="20" align="absbottom" /></a>

<a href=" http://translate.google.com/translate?hl=en&amp;langpair=id|IT&amp;u= http://optimus-software.blogspot.com/ " ><img alt="Italian" src="http://a.imageshack.us/img32/6484/italiab.gif" style="cursor: pointer;" title="Italian" border="0" height="20" align="absbottom" /></a> 

<a href=" http://translate.google.com/translate?hl=en&amp;langpair=id|RU&amp;u= http://optimus-software.blogspot.com/ " ><img alt="Russian" src="http://a.imageshack.us/img715/4272/rusia.gif" style="cursor: pointer;" title="Russian" border="0" height="20" align="absbottom" /></a>

<a href=" http://translate.google.com/translate?hl=en&amp;langpair=id|ES&amp;u= http://optimus-software.blogspot.com/ " ><img alt="Spain" src="http://a.imageshack.us/img294/6256/spnyol.gif" style="cursor: pointer;" title="Spain" border="0" height="20" align="absbottom" /></a></a></center> <div style="font-size: 9px; padding: 8px 0px 0px 0px;"><a href="http://bloggertutorialblog.blogspot.com/" title="Translate widget">Translate Widget</a> by Google </div>

Catatan : Yang berwarna Hijau : Silahkan Sobat Ganti dengan Alamat Web/Blog Sobat.
               Yang berwarna Biru   : Adalah Nama Negara nya.

• Klik Simpan.

Hasilnya akan Terlihat seperti gambar di bawah ini : 

Translate BOX :

Translate Widget by Google 

Sekian dan Terima kasih Atas kunjungan nya...Selamat Mencoba...!!!! ^_^

Kalau Sobat ingin Translate Box dengan skin yang lain. silahkan pilih di bawah ini.. :

• Cara Membuat Translate Box Bendera Part 2
• Cara membuat Translate Box Bentuk Pin di Blog 

 

Baca Juga yang ini Sob...: