Membuat Menu Link Dengan Icon Gambar

S etiap kali saya melihat menu pada beberapa website yang terdapat icon gambar di sampingnya, saya sangat tertarik membuatnya. Lalu cari-cari di google, ternyata hasilnya tidak memuaskan. Menu seperti ini biasa dijumpai pada website terkenal. Seperti facebook, xtgem.com dll. Jarang sekali blog yang terdapat menu seperti ini. Ini merupakan tantangan tersendiri bagi saya untuk bereksperiment. Coba-coba saya membuatnya dengam menerapkan kode-kode sederhana yang saya tahu. Hasilnya bisa anda lihat di sidebar kiri atas blog ini. Memang masih jauh dari sempurna. Namun setidaknya mirip lah. Tinggal kita mencari gambar yang sesuai dengan menu tersebut.

Fungsi dari menu ini biasanya untuk menu-menu yang bersifat penting, seperti link daftar isi, buku tamu, atau memasang link label.jika anda tertarik anda bisa menggtnakan kodenya di bawah. Anda juga bisa memodifikasi sendiri kode ini dengan menambah css style agar lebih menarik.

<tr align="left"><td><img width="20px" height="20px" src="http://img824.imageshack.us/img824/1883/ariesbuton31.jpg" /></td><td><a href="http://Link anda"><font color="black" size="2" face="arial">Beranda</font></a></td></tr><br/><br/> <tr align="left"><td><img width="20px" height="20px" src="http://funblog.hexat.com/images/rssicon.jpg"/></td><td><a href="http://Link anda"><font color="black" size="2" face="arial">Daftar Isi</font></a></td></tr><br /><br /> <tr align="left"><td><img width="20px" height="20px" src="http://funblog.hexat.com/images/KirimSMSGratisViaInternet.jpg" /></td><td><"http://Link anda"><font color="black" size="2" face="arial">SMS Gratis</font></a></td></tr><br/><br/> <tr align="left"><td><img width="20px" height="20px" src="http://funblog.hexat.com/images/sitemeter.jpg"/></td><td><"http://Link anda"><font color="black" size="2" face="arial">Statistik</font></a></td></tr><br/><br/> <tr align="left"><td><img width="20px" height="20px" src="http://funblog.hexat.com/images/NewsClipArt.jpg"/></td><td><"http://Link anda"><font color="black" size="2" face="arial">Berita Hari Ini</font></a></td></tr><br/><br/> <tr align="left"><td><img width="20px" height="20px" src="http://funblog.hexat.com/images/posting.gif" /></td><td><"http://Link anda"><font color="black" size="2" face="arial">Artikel Terbaru</font></a></td></tr> <br /><br /> <tr align="left"><td><img width="20px" height="20px" src="http://funblog.hexat.com/images/icon128.png" /></td><td><"http://Link anda"><font color="black" size="2" face="arial">Komentar Terbaru</font></a></td></tr> <br/><br/> <tr align="left"><td><img width="20px" height="20px" src="http://funblog.hexat.com/images/log.gif" /></td><td><"http://Link anda"><font color="black" size="2" face="arial">Login/Register</font></a></td></tr> <br /><br />