Membuat Menu List Instan

Di posting sebelumnya, saya sempat merekomendasikan List-O-Matic sebagai solusi untuk membantu dalam membuat menu list yang menarik di blog kita. Nah, saya ingin sedikit menjelaskan beberapa hal yang patut diketahui jika ingin menggunakan layanan dalam situs tersebut.

Entah karena malas, atau memang tidak bisa, kita sering mengandalkan bantuan instan dari situs lain untuk mempercantik tampilan blog kita, salah satunya dengan membuat tampilan menu yang dinamis dan menarik. List-O-Matic mampu menjawab persoalan tersebut. Situs ini meyediakan beberapa template tampilan list menu menarik yang dapat kita gunakan. Berikut langkah-langkahnya :

1. Masuk ke situs Link-O-Matic, kemudian anda akan melihat tampilan seperti dibawah ini :

Masukan entri berapa banyak link yang ingin anda buat, kemudian apakah anda ingin menambahkan keterangan dari link tersebut atau tidak. Setelah selesai, klik Next.

2.
Di halaman berikutnya, anda diminta memasukan detail link anda. Pada bagian Link Text, anda masukan nama Link anda. Link Title nantinya akan memuat keterangan tambahan mengenai link anda. Kemudian pada bagian Link Destination, anda isikan dengan alamat link yang dituju. Pada kasus dalam posting sebelumnya, anda masukan shortcut link yang telah di-copy ke notepad. Setelah selesai klik Next.

3.



Anda akan diberi opsi tampilan menu yang diinginkan. Pilih salah satu yang anda inginkan, menu vertikal atau horizontal. Pada bagian How to identify and style the menu anda biarkan saja pada opsi default (id). Perbedaan id dan class akan saya jelaskan di posting berikutnya. Setelah selesai, klik Next.

4.

Di halaman terakhir, anda akan mendapat kode HTML dan CSS menu anda. Copy paste kode HTML ke bagian Elemen Halaman, dan kode CSS pada bagian Edit HTML. Selesai..