maaf teman-teman kali ini saya ingin berbagi ilmu tentang bagaimana caranya membuat menu navigasi di atas header yang berisi data pribadi seperti disclaimer dan contact us. berikut tahapannya:
- teman -teman login dulu ke dalam blog teman kemudian di kotak dashboard teman teman pilih edit template.
2. kemudian pilih edit html3. kemudian kita akan dihadapkan pada deretan kode html.seperti gambar di bawah kemudian tekan ctrl+f3 untuk melakukan pencarian yang ingin kita edit. disini yang ingin kita edit diletakan di atas kode ]]></b:skin> maka kita cari kode tersebut melalui kotak pencarian.
setelah ketemu copykan kode berikut diatasnya
:
/*Top Menu*/
#top{margin:auto;padding: 0;width: 100%;background:#eeeded;border-bottom:1px solid #ddd;}
#top-wrap{margin:auto;padding: 0;width: 950px;background:#eeeded;}
#navwrap {margin: 0px auto; width:560px; float:left;background:#080705;}
.topnav ul {list-style:none;margin:0;padding:0px; float:left;}
.topnav li {float:left;margin:0;text-align:center;}
.topnav li a {font-family: arial; font-weight:bold; font-size:11px;display:block;padding:10px 10px;color:#222;text-decoration:none; text-transform:uppercase;}
.topnav li a {background:none; }
.topnav li a:hover, li a:focus, li a:active {text-decoration:none; background:#ffffff; color:#000000;}
#navbar-iframe {display: none !important;}
4. cari kode berikut <header> untuk apa? untuk meletakan menu navigasinya supaya berada paling atas sebelum header, kemudian copykan kode berikut:
<div id='top'>
<div id='top-wrap'>
<div class='topnav'>
<ul id='topnav'>
<li><a href='#' title='Top Menu'>Top Menu</a></li>
<li><a href='#' title='Contact'>Contact</a></li>
<li><a href='#' title='Disclaimer'>Disclaimer</a></li>
<li><a href='#' title='Privacy Policy'>Privacy Policy</a></li>
<li><a href='#' title='Facebook'>Facebook</a></li>
<li><a href='#' title='Twitter'>Twitter</a></li>
<li><a href='#' title='Google Plus'>Google Plus</a></li>
</ul>
</div>
</div>
<div style='clear: both;'/>
</div>5. terakhir klik simpan template dan lihat blognya sekarang.
gantilah tanda # pada kode di atas dengan alamat url anda sesuai dengan menu.
Demikian cara membuat menu disclaimer di blog.... mudah-mudahan bermanfaat..
