Kali ini ane akan menshare cara membuat page navigasi horizontal di blog, bagaimana contohnya? contohnya seperti yang dibawah ini:
Nah itulah yang dinamakan dengan page navigasi horizontal, menarik bukan? jadi bagaimana cara membuat page navigasi horizontal ini? gampang aja gan, ikutin cara ane yang dibawah ini:
- Login Ke Blogger
- Rancangan lalu EDIT HTML
- Masukkan kode CSS ini tepat sebelum tag
.navcontainer{background:#030;height:36px;padding:0 10px}#nav{height:36px;margin-bottom:1px}#nav li a,#nav li a:link{color:#fff;display:block;font-size:12px;font-weight:700;margin:0 3px;padding:12px 15px;text-decoration:none;text-shadow:0 1px 0 #1e1d1d;text-transform:uppercase}#nav li a:hover,#nav li a:active{background:#930;display:block;text-decoration:none;text-shadow:0 1px 0 #242323}#nav li.current-cat a{background:#360;color:#fff;text-shadow:0 1px 0 #242323}#nav,#nav ul{line-height:1;list-style:none;margin:0;padding:0}
- Lalu Masukkan Kode HTML berikut disetelah tag (atau cari tag yang hampir sama dengan ini) karena disetiap template berbeda:
- Silahkan rubah tulisan dan link diatas terserah dengan keinginan agan jika diinginkan.
- Save TEMPLATE.
Happy Blogging dan selamat mencoba Page Navigasi Horizontal barunya.
wih keren horizontal navbarnya ^^
@yuki: oke sip 😀
kok gx bisa ya….
bagaimana jika navigasinya hanya 3 ataupun lebih dari yang di kasih ?
gak bisa ahh….error
wih keren horizontal navbarnya ^^
kok gx bisa ya….
gak bisa ahh….error