Cara menambah label pada menubar

Cara membuat label atau category di menubar itu lah topik utama kita hari ini. coba anda letakkan mouse anda di menu Daftar artikel , atau di menu Tamplate Design. disana akan terdapat tabs daftar label atau category. nah atas keberadaan label tersebut, salah satu dari teman blogger kita faisal. ia ingin menambah kan label tersebut ke menu bar miliknya. untuk jelas nya lihat contoh gambar di bawah ini.


Berikut ini langkah-langkah cara menambah label atau category di menubar blog anda:

• Login terlebih dahulu ke blogger

• Tata Letak

• Edit HTML

• Kemudian cari kode <div id='NavbarMenu'>

• Nah di bawah kode tersebut terdapat daftar menu yang lebih kurang seperti ini.

<div id='NavbarMenu'>
<div id='NavbarMenuleft'>
<ul id='nav'>
<li><a expr:href='data:blog.homepageUrl' title='...'>Beranda</a></li>
<li><a href='#'><b>Pasang Iklan</b></a></li>
<li><a href='#' title='...'>Daftar artikel</a></li>
<li><a href='#' title='...'>Template Design</a></li>
<li><a href='#' title='...'>Tutorial Twitter</a></li>
</ul>
</div>
</div>

ini bisa tidak sama karna perubahan dari kepentingan menu yang di miliki blog anda

• Nah setelah itu tambah kode yang berwarnah merah ke dalam menu yang ingin anda tambahkan labelnya. seperti di bawah ini.

<div id='NavbarMenu'>
<div id='NavbarMenuleft'>
<ul id='nav'>
<li><a expr:href='data:blog.homepageUrl' title='...'>Beranda</a></li>
<li><a href='#'><b>Pasang Iklan</b></a></li>
<li><a href='#' rel='nofollow'>Daftar Artikel</a>
<ul>
<li><a href='#' rel='nofollow'>Komputer</a></li>
<li><a href='#' rel='nofollow'>Google</a></li>
<li><a href='#' rel='nofollow'>Software</a></li>
dan seterusnya.........
</ul></li>
<li><a href='#' title='...'>Template Design</a></li>
<li><a href='#' title='...'>Tutorial Twitter</a></li>
</ul>
</div></div>

• Kemudian simpan

Semoga tutor di atas bermanfaat bagi sahabat yang memerlukannya. salam sukses.....