berikut ini adalah langkah-langkah yang harus kita lakukan dalam membuat suatu menu:
1. kita harus login dulu ke dalam blog kita
2. setalah itu kita masuk klik rancangan dan langsung menuju EDIT HTML
3.cari kode]]></b:skin> untuk memper mudahpencarian klik ctrl+f
4.setelah ketemu copy kode di bawah dan pastekan di atas tanda
- /* Navigation Menu ------------------------------------------------------*/ #nav { background:#000; width: 728px; color: #D8D8D8; display: block; font-weight: normal; text-transform: titlecase; margin:0px auto; padding:0px; height:25px; } .topnav ul { float: left; list-style: none; margin: 0; padding:0; } .topnav li { list-style: none; margin: 0; padding: 0; } .topnav li a, .topnav li a:link, .topnav li a:visited { background:#000; color: #D8D8D8; display: block; font-weight: normal; text-transform: titlecase; margin: 0; padding: 5px 10px; border-right:2px solid #000; } .topnav li a:hover, .topnav li a:active { background:#1C1C1C; color:#D8D8D8; margin: 0; padding: 5px 10px; text-decoration: none; } .topnav li li a, .topnav li li a:link, .topnav li li a:visited { background: #000; width: 150px; color: #fff; font-weight: normal; text-transform: lowercase; float: none; margin: 0; padding: 5px 10px; border-right:1px solid #000; border-bottom:1px solid #000; border-left:1px solid #000; } .topnav li li a:hover, .topnav li li a:active { background: #363636; color: #FFF; padding: 5px 10px; } .topnav li { float: left; padding: 0; } .topnav li ul { z-index: 9999; position: absolute; left: -999em; height: auto; width: 170px; margin: 0; padding: 0; } .topnav li ul a { width: 140px; } .topnav li ul ul { margin: -32px 0 0 171px; } .topnav li:hover ul ul, .topnav li:hover ul ul ul, .topnav li.sfhover ul ul, .topnav li.sfhover ul ul ul { left: -999em; } .topnav li:hover ul, .topnav li li:hover ul, .topnav li li li:hover ul, .topnav li.sfhover ul, .topnav li li.sfhover ul, .topnav li li li.sfhover ul { left: auto; } .topnav li:hover, .topnav li.sfhover { position: static; }
6.menuju ke Element, lalu tambah element pilih Javascript.dan copykan kode di bawah ini:
<ul> <li><a href='http://nama.blogspot.com/2011/11/download-center.html'>home</a></li> <li><a href='http://nama.blogspot.com/2011/05/tutorial-blog.html'>Blogger</a></li> <li><a href='http://nama.blogspot.com/2011/05/parse-html.html'>Parse Html</a></li> <li><a href='http://nama.blogspot.com/2011/07/trik-internet-gratis-2011.html'>daftar isi</a></li> <li><a href='http://nama.blogspot.com/2011/07/privacy-policy.html'>contac</a></li> </ul>
sesuai dengan kebutuhan...
selamat mencoba...
