Google Translator dengan bendera bergerak

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, Hari ini 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
• Klik Add a Gadget dan HTML Java Script
• Copy kode di bawah ini dan paste pada kolom yang tersedia

Inilah kode yang bisa anda kopas :

1. <center><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" border="0" height="20" align="absbottom"></a>  
2.   
3. <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" border="0" height="20" align="absbottom"></a>  
4.   
5. <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" height="20" align="absbottom"></a>  
6.   
7. <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" border="0" height="20" align="absbottom"></a>  
8.   
9. <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" border="0" height="20" align="absbottom"></a>  
10.   
11. <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" border="0" height="20" align="absbottom"></a>  
12.   
13. <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" border="0" height="20" align="absbottom"></a>  
14.   
15. <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" border="0" height="20" align="absbottom"></a>  
16.   
17. <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" border="0" height="20" align="absbottom"></a>  
18.   
19. <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" border="0" height="20" align="absbottom"></a>  
20.   
21. <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" border="0" height="20" align="absbottom"></a>  
22.   
23. <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" border="0" height="20" align="absbottom"></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>  

• Klik Simpan

Hasilnya akan terlihat seperti di bawah ini

Artikel Terkait