seoghaib

----------------------------------------------- Blogger Template Coder: www.ipietoon.com ----------------------------------------------- */ body { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi28nszVlEAOO7Xu6tJZZbun7sCt7a9lQUypk2m-sd-yg5Q3wdKp-rUCenrnZILosYzHWSXnTDRlM2ytZpi73XcRz0sfYg5pNZtWJmTVqZ9GW4j6QZRQZE1aapDzzoUl0ZZYaiAW7Vi1rBT/s1600/anazbg.png) repeat; color: #000; font-size: 14px; font-family:'Oldenburg',Georgia,Trebuchet MS, Sans-Serif; text-align: left; margin: 0 auto 0; padding: 0; } #navbar-iframe { height: 0px; visibility: hidden; display: none; } #wrap { width: 940px; margin: 0px auto 0px; padding: 0px 20px 0px 20px; position: relative; } #wrap-inner { background:#fff; padding:10px; } a, a:visited { color: #2e937a; text-decoration: none; } a:hover { color: #e34950; text-decoration: underline; } a img { border-width: 0; }

Langkahnya membuat top navigasi menu:
1. Template > Edit HTML
2. Cari/Temukan (CTRL+F) kode <![CDATA[ atau <b:skin><![CDATA[ atau ]]></b:skin>
3. Simpan kode berikut ini DI ATAS kode tersebut

/*CB Top Menu*/
#top{margin:auto;padding: 0;width: 950px;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;}

NB:
- Sesuaikan lebarnya (width:950px) dengan lebar template Anda.
- Jika mau ganti background > background:#eeeded;
- Ganti warna huruf menu > color:#222;

4. Cari/Temukan (CTRL+F) kode </head> atau <body>
5. Simpan kode berikut ini DI BAWAH-nya.

<div id='top'>
<div id='top-wrap'>
<div class='topnav'>
<ul id='topnav'>
<li><a href='http://cbtheme.blogspot.com/' title='Top Menu'>Top Menu</a></li>
<li><a href='http://cbtheme.blogspot.com/' title='Contact'>Contact</a></li>
<li><a href='http://cbtheme.blogspot.com/' title='Disclaimer'>Disclaimer</a></li>
<li><a href='http://cbtheme.blogspot.com/' title='Privacy Policy'>Privacy Policy</a></li>
<li><a href='http://cbtheme.blogspot.com/' title='Facebook'>Facebook</a></li>
<li><a href='http://cbtheme.blogspot.com/' title='Twitter'>Twitter</a></li>
<li><a href='http://cbtheme.blogspot.com/' title='Google Plus'>Google Plus</a></li>
</ul>
</div>
</div>
<div style='clear: both;'/>
</div>

Senin, 02 Februari 2015

membuat top navigasi menu: