Tutorial : MENU TAB DI ATAS HEADER ATAU BLOG

بِسْـــــــــمِ ﷲِالرَّحْمَنِ الرَّحِيم 

Nampak tak yang atas sekali tu? Yang ada HOME | ABOUT ME | SASTERA dan lain-lain? Itulah menu tab di atas header atau di atas blog. Di bawah ini ada wani ajarkan caranya. Selamat mencuba :)

1. Theme - Edit HTML

2. Search (ctrl+f) ]]></b:skin>

3. Copy and paste above / atas ]]></b:skin>
/*CB Top Menu*/
#top{margin:auto;padding: 0;width: 100%;background:#FFFFFF;border-bottom:1px solid #ddd;}
#top-wrap{margin:auto;padding: 0;width: 600px;background:#FFFFFF;}
#navwrap {margin: 0px auto; width:600px; float:left;background:#FFFFFF;}
.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:12px;display:block;padding:10px 10px;color:#000000;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. Search (ctrl+f) </head> 

5.  Copy and paste below / bawah </head>
<div id='top'>
<div id='top-wrap'>
<div class='topnav'>
<ul id='topnav'>
<li><a href='URL ANDA' title='Home'>Home</a></li>
<li><a href='URL ANDA' title='About Me'>About Me</a></li>
<li><a href='URL ANDA' title='Sastera'>Sastera</a></li>
<li><a href='URL ANDA' title='Tutorial'>Tutorial</a></li>
<li><a href='URL ANDA' title='Facebook'>Facebook</a></li>
<li><a href='URL ANDA' title='Instagram'>Instagram</a></li>
<li><a href='URL ANDA' title='Twitter'>Twitter</a></li>
</ul>
</div>
</div>
<div style='clear: both;'/>
</div>

Preview and save! ;)
Ihsan blog lain.

Post a Comment