CARA MEMBUAT SUB MENU BAR DI BLOG

Jika pada postingan sebelumnya admin membahas Cara Membuat Menu Bardi Blog, pada postingan kali ini admin membahas Cara Membuat SUB MENU Bar di Blog

Dari gambar diatas, dapat dilihat sederatan Menu bar yakni kotak berwarna biru berisikan tulisan putih yang memuat menu Home, Artikel Pendidikan, Tips dan Trik, Info Lomba, dll itulah yang dinamakan Menu Bar.

Jadi, Sub menu bar itu yang mana? Sub menu bar dapat dilihat pada gambar di atas pada menu Infolomba. Dimana dalam menu info lomba terdapat sub menu yang berupa menulis, blog, dst

Untuk yang belum memasang menu bar, klik disini

So, jika para pembaca penasaran bagaimana cara membuat Sub Menu Bar tersebut.

Berikut admin bagikan Tips dan Triknya :

-         Buka blogger.com

-         Klik  Desain 

-         Pilih  Template lalu pilih  Edit HTML 

-         Cari scrift berikut (Gunakan Ctrl + f untuk memudahkan pencarian):

<ul class='fl' id='secnav'>

Edit scrift berikut tepat diantara

<ul class='fl' id='secnav'>

Dengan

 </ul>

</div>

-          sehingga akan tampak seperti di bawah ini

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

</div>

-         Kemudian save dan lihat hasilnya

KETERANGAN :

1.           Cara memasukkan alamat URL:
Ganti tanda # dengan link/url yang anda inginkan. Bisa jadi link posting atau label (katagori) yang ada pada blog anda.

2.           Cara menuliskan judul sub menu atau judul postingan: 

Ganti tulisan warna merah dengan nama sub menu yang kamu inginkan.

          Itulah Tips dan Trik membuat Sub menu bar di tampilan blog. Apabila ada yang kurang mengerti atau terjadi error setelah mencoba, silahkan tinggalkan pesan di kolom komentar.

Selamat mencoba…