tHomBloG

Simple Css Menu 1

Simple css menu 1. Seringkali kita perlu membuat menu navigasi untuk blog. Saya punya contoh menu sederhana, yang dapat dibuat dan dipasang dalam sekejap. Bentuknya seperti di bawah ini.
Menu di atas saya buat dengan perintah sederhana berikut ini:
<div style="PADDING-RIGHT: 5px; MARGIN: 5px; DISPLAY: block; BACKGROUND: #cfcfcf; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; TEXT-ALIGN: right; BORDER-BOTTOM: 1px solid black;"><a href="http://indokristik.blogspot.com/">Home </a>| <a href="http://indokristik.blogspot.com/search/label/kristik%20foto">Kristik Foto </a>| <a href="http://indokristik.blogspot.com/search/label/inspirasi">Inspirasi </a>| <a href="http://indokristik.blogspot.com/2010/05/selamatkan-foto-kuno.html">Seni Foto</a></div> Keterangan.
Kamu bisa langsung memakai menu ini dengan mengkopi seluruh kodenya dan memasangnya di blog kamu. Penyesuaian harus kamu lakukan pada daftar link.

Perintah ini pada dasarnya terdiri atas dua bagian yaitu: (1) perintah DIV (2) serangkaian daftar LINK. Perintah dalam DIV mengatur bentuk ruangan. Di situ ada pengaturan BACKGROUND, TEXT-ALIGN, BORDER, dsb. Warna font dan link mengikuti default dalam blogmu.

Daftar LINK menggunakan bentuk perintah <a href="http://..(alamat">--TULISAN YANG INGIN KAMU TAMPILKAN DALAM MENU--</a> Alamat link ini dengan mudah dapat kamu ambil dari judul posting tertentu atau link dari label (klik mouse kiri lalu copy shorcut).

Kamu bisa memasang menu ini di beberapa tempat sesuai dengan keinginanmu. Masuklah dalam RANCANGAN, lalu EDIT HTML. Kode itu bisa kamu pasang dibawah OUTER-WRAPPER atau SIDEBAR-WRAPPER, atau MAIN-WRAPPER. Coba saja sendiri ... pasti berhasil.

Tulisan lain soal menu dapat dibaca juga di Mengubah Menu Blog



tag css, menu, tutorial | judul Simple Css Menu 1