Cara menambah label atau category di Menubar blog

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.

Maaf gambar sudah rusak, untuk lihat contoh letakkan mouse anda pada daftar label blog ini.

Nah dari contoh di atas saya rasa anda sudah mengerti, untuk membuatnya anda silahkan ikuti langkah-langkah di bawah ini. untuk yang belum memiliki menu bar anda bisa baca disini. cara menambah menu bar di blog.

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

• Login terlebih dahulu ke blogger
• Rancangan
• 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.....