Cara Membuat Menu Navigasi Blogpsot



ok deyh kali ini cuman mau share ilmu yg sudah ada di google, yang di request teman yaitu :

Cara Membuat Menu Navigasi Blogpsot

ok deyh langsung aja yah ke tutorialnya ,  ^_^ :

1. buka browser internet
2. pastikan jaringan anda tersambung ke internet (Just Kidding )

3. logging ke blogger.com
4. klik teplate
5. edit HTML
6. centang Expand Template Widget
6. cari code : <div id='content-wrapper'>7. copy paste code di bawah ini di atas code nomor 6 yah.

<style>
/*---------------------------------------------------------------------------------*/
/* CATEGORY MENU */
/*---------------------------------------------------------------------------------*/
#cat-menu { background:none; height:35px;}
/* category navigation */
.nav { background:#f5f5f5;width:100%;z-index:99; float:left; margin:5px 0 10px 0; padding:0px; list-style:none; height:35px;}
.nav a { position:relative; color:#555; display:block; z-index:100; text-decoration:none; }
.nav li { float:left; width:auto; border-right:1px solid #d9d9d9; }
.nav li a { font:bold 11px/15px Arial,serif; padding:10px 12px; text-decoration:none; text-transform:uppercase; }
.nav li a:hover{ background:#333; color:#fff; text-decoration:underline;}</style>
<div id='cat-menu'>
<ul class='sf-menu nav' id='cat-nav'>
<li><a href='/'>Home</a></li>
<li><a href='#'> Menu 1</a></li>
<li><a href='#'> Menu 2</a></li>
<li><a href='#'> Menu 3</a></li>
<li><a href='#'> Menu 4</a></li>
<li><a href='#'> Menu 5</a></li>
</ul>
</div>



8. trus simpan template....
9. selesai
^_^

ok deyh selsai deyh Cara Membuat Menu Navigasi Blogpsot, n hanya sekian yg bisa saya beri, semoga bermanfaat untuk teman2 yg membutuhkan yah,,,
^_^


sumber : tutorial penting

Berlangganan update artikel terbaru via email:

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel