Kamis, 10 Januari 2013

Widget Traslate dengan Bendera

Pada Tutorial Blog berikut ini Admin menyajikan tentang fasilitas Translate dengan icon bendera, sebagaimana kita ketahui untuk mengoptimalkan pengunjung blog kita yang belum tentu dari Indonesia atau negara sobat maka halaman blog hendaknya memfasilitasi dengan Translate halaman.  


Admin sendiri menggunakan widget Translate bawaan google tapi untuk sobat yang ingin menghiasi halaman blog nya dengan penampilan yang lebih beda dan keren nggak ada salahnya mencoba Widget yang satu ini, tampilanya akan seperti gambar di bawah.

baiklah untuk mempersingkat waktu dan membuang rasa bosan sobat karena membaca literatur basa-basi ini Admin langsung aja menjelaskan tahapannya.
  • Pertama masuk ke Dasboard blog sobat
  • kemudian pilih Layout --> setelah tampil halaman Layout template kita clik Add aGadget (boleh dimana aja)
  • kalau sudah tampil halaman Gadget --> pilih   HTML/JavaScript HTML/JavaScript Add clik tombol Tambah
  • kemudian akan tampil halaman Configure HTML/JavaScript  
  • Pada kolom Title kosongkan saja dan pada kolom Copy kode dibawah ini :


<right><a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="English"><img alt="English" src="http://a.imageshack.us/img835/6766/inggris.gif" style="cursor: pointer;" title="English" align="absbottom" border="0" height="20" /></a>
 
<a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="French"><img alt="French" src="http://a.imageshack.us/img697/8801/francis.gif" style="cursor: pointer;" title="French" align="absbottom" border="0" height="20" /></a>
 
<a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="German"><img alt="German" borde="0" src="http://a.imageshack.us/img84/7864/jerman.gif" style="cursor: pointer;" title="German" align="absbottom" height="20" /></a>
 
<a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="Spain"><img alt="Spain" src="http://a.imageshack.us/img294/6256/spnyol.gif" style="cursor: pointer;" title="Spain" align="absbottom" border="0" height="20" /></a>
 
<a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="Italian"><img alt="Italian" src="http://a.imageshack.us/img32/6484/italiab.gif" style="cursor: pointer;" title="Italian" align="absbottom" border="0" height="20" /></a>
 
<a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="Dutch"><img alt="Dutch" src="http://a.imageshack.us/img64/8434/belanda.gif" style="cursor: pointer;" title="Dutch" align="absbottom" border="0" height="20" /></a>
 
<a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="Russian"><img alt="Russian" src="http://a.imageshack.us/img715/4272/rusia.gif" style="cursor: pointer;" title="Russian" align="absbottom" border="0" height="20" /></a>
 
<a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="Portuguese"><img alt="Portuguese" src="http://a.imageshack.us/img816/6505/brazilia.gif" style="cursor: pointer;" title="Portuguese" align="absbottom" border="0" height="20" /></a>
 
<a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="Japanese"><img alt="Japanese" src="http://a.imageshack.us/img691/674/jepang.gif" style="cursor: pointer;" title="Japanese" align="absbottom" border="0" height="20" /></a>
 
<a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="Korean"><img alt="Korean" src="http://a.imageshack.us/img683/4231/koreautara.gif" style="cursor: pointer;" title="Korean" align="absbottom" border="0" height="20" /></a>
 
<a href="" rel="nofollow" style="cursor: pointer;" target="_blank" title="Arabic"><img alt="Arabic" src="http://img268.imageshack.us/img268/3818/saudiarabiab.gif" style="cursor: pointer;" title="Arabic" align="absbottom" border="0" height="20" /></a>
 
<a href="" rel="nofollow" simplified"="" style="cursor: pointer;" target="_blank" title3d"chinese=""><img alt="Chinese Simplified" src="http://a.imageshack.us/img176/776/cina.gif" style="cursor: pointer;" title="Chinese Simplified" align="absbottom" border="0" height="20" /></a></right> <div style="font-size: 9px; padding: 8px 0px 0px 0px;"><a href="http://fusion.google.com/ig/add?synd=open&source=ggyp&moduleurl=http://www.google.com/ig/modules/translatemypage.xml">Translate Page</a> by Google </div>

  • kemudian Pastekan di kolom Content Setelah selesai clik simpan dan lihat Hasilnya
  • Selamat Mencoba ya.... jangan lupa gabung di blog ini ya....