Pada Postingan kali ini saya akan memberitahu cara mudah bikin menu horizontal di blogger.
saya putuskan untuk menuliskan panduan membuat menu horizontal untuk blogger yang menurut saya mudah, dan semoga cara ini dapat di pahami dan mudah dilakukan.
Oke langsung saja.
Panduan membuat menu horizontal blogger
- Login ke blogger
- Lalu klik buka daftar entri
- Klik menu Design/Rancangan/Tata Letak
- Klik Add Gadget / Tambah Gadget.
- Pilih/klik opsi HTML/Javascript
- Kemudian masukkan kode menu horizontal : <style> /*---------------------------------------------------------------------------------*/ /* CATEGORY MENU */ /*---------------------------------------------------------------------------------*/ #cat-menu { background:none; height:35px;} /* category navigation */ .nav { background:#00000;width:100%;z-index:99; float:left; margin:5px 0 10px 0; padding:0px; list-style:none; height:35px;} .nav a { position:relative; color:#555; display:block; z-index:100; text-decoration:none; } .nav li { float:left; width:auto; border-right:1px solid #d9d9d9; } .nav li a { font:bold 11px/15px Arial,serif; padding:10px 12px; text-decoration:none; text-transform:uppercase; } .nav li a:hover{ background:#333; color:#fff; text-decoration:underline;}</style> <div id='cat-menu'> <ul class='sf-menu nav' id='cat-nav'> <li><a href='/'>Home</a></li> <li><a href='#'> Menu 1</a></li> <li><a href='#'> Menu 2</a></li> <li><a href='#'> Menu 3</a></li> <li><a href='#'> Menu 4</a></li> <li><a href='#'> Menu 5</a></li> </ul> </div>
- Keterangan. ganti tanda pagar ( # ) pada kode <a href='#'> dengan link yang teman inginkan, bisa link label, postingan, atau link yang mengarah kesitus lain. Silakan ganti tulisan Menu 1 - Menu 5 dengan nama menu yang teman inginkan.Jika ingin mengganti lebar silakan rubah lebarnya dengan merubah angka 100% dengan lebar yang kamu inginkan, biasanya ditulis dalam ukuran px (contoh : width: 900px).
- Klik Save / Simpan
- Selesai
Tidak ada komentar:
Posting Komentar