MAAF,BLOG INI MASIH DALAM PERBAIKAN

Sabtu, 15 Januari 2011

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.

Image and video hosting by TinyPic

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

Comments
0 Comments

0 komentar:

Posting Komentar

Informasi Pilihan Identitas Jika Berkomentar:

Google/Blogger : Khusus yang punya Account Blogger.
Wordpress : Blog degan account wordpress
Name/URL : Jika tidak punya account blogger namun punya alamat Blog atau Website.
Anonymous : Jika tidak ingin mempublikasikan profile anda.