CARA MEMBUAT MENU PADA BLOGSPOT

Setelah sebelum nya saya tuliskan CARA MEMILIH TEMPLATE BLOGSPOT  kali ini tak kalah penting'nya dengan itu,yaitu menu pada blogspot.
menu dan submenu blog akan anda jumpai pada hampir setiap blog yg anda singgahi,kenapa demikian karena dengan adanya menu akan memudahkan kita untuk menyimpan artikel dengan ringkas dan tak menumpuk2.
mungkin bagi para ahli seo tak kan sulit melakukan hal ini karena jelas2 mereka mengerti tentang HTML,lalu bagaimana dengan blogger baru??pastinya mereka bingung karena bila di cari pada template blog,gadget,tak akan mereka temukan hal yg menyangkut dengan menu dan sub menu blog.oleh sebab itu silahkan simak cara berikut;

1. silahkan kalian masuk pada blogger bagi yg sudah mendaftar.
2. pilih setelan template lalu klik edit HTML
3. cari kode berikut ; <div class='main-outer'> atau <div id='main-wrapper'> atau <div id='main'> (untuk memudahkan pencarian gunakan ctrl f)
4. jika salah satu kode di atas sudah di temukan silahkan kalian copy code berikut dan letakkan tepat di atas kode yg di cari tadi maksutnya di pastekan.
   
   <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, "Times New Roman", 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='#'>Beranda</a></li>
   <li><a href='#'>Menu 1</a></li>
   <li><a href='#'>Menu 2</a>
   <ul id='sub-custom-nav'>
   <li><a href='#'>Sub Menu2 a</a></li>
   <li><a href='#'>Sub Menu2 b</a></li>
   </ul>
   </li>
   <li><a href='#'>Menu3</a>
   <ul id='sub-custom-nav'>
   <li><a href='#'>Sub Menu3a</a></li>
   <li><a href='#'>Sub Menu3b </a></li>
   </ul>
   </li>
   <li><a href='#'>Menu4</a>
   <ul id='sub-custom-nav'>
   <li><a href='#'>Sub Menu4a</a></li>
   <li><a href='#'>Sub Menu4b </a></li>
   </ul>
   </li>
   <li><a href='#'>Menu5</a></li>
   </ul>
   </div>
   
   catatan pagar warna biru isi dengan url postingan,menu 1 sampai menu 5 ganti dengan nama menu yg berkaitan dengan isi blog anda tercerah mau di isi apa.
   
   
   5.klik simpan dan pratinjau maka akan ada menu baru di bagian atas blog anda.
    jika sudah tidak ada kesalahan silahkan klik lihat blog dan tinggalkan halaman template.
    
   silahkan anda baca juga mengenai CARA MEMASANG LAGU PADA BLOG .
   selamat mencoba dan trimakasih.