CARA MENAMBAHKAM MENU DAN SUB MENU DI BLOG

hallo slamat siang...........

hallo gan ketemu lagi nih,,,,,,,, hehehe udah lama juga ane gk posting lagi nih naah skarang ane pengen ngasih tau cara menambahkan daftar menu ke blog agan agan skalian, stelah share ke google akhirnya ane dapet juga cara nambahin daftar menu ke blog ternyata harus ada tambahan linknya ya udah pasti dah gak sabarkan pengen tau cara nembahin daftar menu ke blog masing masing baca artikel dibawah ini yaaaaa....

cara menambahkan daftar menu blog:

1.langkah pertama yang harus agan skalian lakukan adalah seperti biasa masuk ke dashbor masing masing yaa.....
2.lalu pilih tamplate pada daftar menu.
3.pilih edit html.
4.lalu cari kata <div class='main-outer'> biasanya ada pada nomor enam ratusan
5.lau copy pastekan link berikutdi atas <div class='main-outer'>:
<style>
/* -- Menu Horizontal + Sub Menu-- */
#cat-nav {background:#156994;margin:0 15px;padding:0;height:35px;}
#cat-nav a { color:#eee; text-decoration:none; text-shadow: #033148 0px 1px 0px;border-right:1px solid #156994;}
#cat-nav a:hover { color:#fff; }
#cat-nav li:hover { background:#000; }
#cat-nav a span { font-family:Verdana, Geneva, sans-serif; font-size:11px; font-style:normal; font-weight:400; color:#fff; text-shadow:none;}
#cat-nav .nav-description { display:block; }
#cat-nav a:hover span { color:#fff; }
#secnav, #secnav ul { position:relative; z-index:100; margin:0; padding:0; list-style:none; line-height:1; background:#0d5e88; }
#secnav a { font-family:Georgia, &quot;Times New Roman&quot;, Times, serif; font-style:italic; font-weight:700; font-size:14px; display:block; z-index:100; padding:0 15px; line-height:35px; text-decoration:none;}
#secnav li { float:left; width: auto; height:35px;}
#secnav li ul  { position: absolute; left: -999em; width: 200px; top:35px}
#secnav li ul li  { height:30px; border-top:1px solid #fff; }
#secnav li ul li a  { font-family:Verdana, Geneva, sans-serif; width:180px; line-height:30px; padding:0 10px; font-size:11px; font-style:normal; font-weight:400; color:#eee; }
#secnav li ul ul  { margin: -30px 0 0 180px; }
#secnav li:hover ul ul, #secnav li:hover ul ul ul, #secnav li.sfhover ul ul, #secnav li.sfhover ul ul ul { left:-999em; }
#secnav li:hover ul, #secnav li li:hover ul, #secnav li li li:hover ul, #secnav li.sfhover ul, #secnav li li.sfhover ul, #secnav li li li.sfhover ul { left: auto; }
#secnav li:hover,#secnav li.hover  { position:static; }
#cat-nav #secnav {width:100%;margin:0 auto;}
</style>
<div id='cat-nav'>
<ul class='fl' id='secnav'>
  <li><a href='http://interprety.blogspot.com/'>Beranda</a></li>
  <li><a href='http://interprety.blogspot.com/'>daftar isi 1</a></li>
<li><a href='http://interprety.blogspot.com/'>daftar isi2</a>
<ul id='sub-custom-nav'>
  <li><a href='http://interprety.blogspot.com/`>sub daftar isi1</a></li>
  <li><a href='http://interprety.blogspot.com/`>sub2 daftar isi 1</a></li>
</ul>
</li>
<li><a href='http://interprety.blogspot.com/'>daftar isi 2</a>
<ul id='sub-custom-nav'>
  <li><a href='http://interprety.blogspot.com/`>sub1daftar isi2</a></li>
</ul>
</li>
<li><a href='http://interprety.blogspot.com/'>daftar isi 3</a>
<ul id='sub-custom-nav'>
  <li><a href='http://interprety.blogspot.com/'>subdaftar isi 3</a></li>
</ul>
</li>
<li><a href='http://interprety.blogspot.com/'>daftar isi 4</a></li>
</ul>
</div>

5.jika sudah selesai pilih simpan template.sebelumnya yg digaris bawahi ganti dengan alam blog anda dan yang di tebali ganti dengan daftar isi atau sub daftar isi yang anda inginkan
6.anda dapat melihat menu daftar isi di blog anda.






gimana gan gampangkan tinggal copas aja linknya,skian dulu dari saya ya gan semoga bermanfaat dan janganlupa tinggalkan commentnya yaaaaa!!!!!!!!!!!!!!!!!