Cara membuat Menu bar dan Sub Menu bar di blog

Hal yang terpenting adalah menu bar dan sub menu bar di blog karena dua benda ini adalah alur dari perginya pengunjung misalnya pengunjung mau mencari Tutorial Blog sedangkan mereka tidak tahu apakah ada atau tidak tutorial blog di situs kita. Maka dari itu saya akan membahas artikel tersebut supaya para pengunjung sekalian bisa dapat pengetahuan baru.
langsung aja saya bagikan :

1. Pertama kunjungi www.blogger.com
2. Klik Template
3. Klik Edit HTML
4. Cari scrift dibawah ini menggunakan Ctrl + F.

Jika tidak dapat yang diatas cari menggunakan ini

Atau masih tidak ketemu juga gunakan yang ini

karena template di tiap-tiap blog kan beda-beda jadi pilih salah satunya.

5. Setelah ketemu scrift yang kamu cari tadi maka salin kode di bawah ini tepat di atas scrift yang kamu cari tadi.

<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>

<li><a href='#'>Beranda</a></li>

</ul>

</li>

</ul>

</li>

</div>

Keterangan :
1. Ganti # dengan link yang kamu inginkan. contoh <li><a href='caramenyusunteks.blogspot.com'>Menu3</a>.
2. Ganti Tulisan warna biru dengan nama Menu bar-nya/sub menu bar. bisa jadi About Me, Home dll. contohnya <li><a href='#'>Homeb </a></li>
3. Kamu bisa menambah menubar-nya dengan cara salin kode <li><a href='#'>Menu4</a> dan di ini lagi link dan namanya dan sub menubar-nya pun sama.

5. Klik pertinjau jika sudah pas klik simpan.

Demikian tentang Cara membuat Menu bar dan Sub Menu bar di blog semoga berhasil !!!