World News

Jumat, 12 Agustus 2011

Cara mENGEdit MENU BAR MULTI LEVEL DROP DOWN

1. masuk pada dasbor

2. masuk ke rancangan => edit html

3. temukan kode di bawah ini
    <ul class='menus menu-primary'>

        agar lebih mudah, pada menu bar pilih edit=>find =>paste kode tersebut pada kotak find
4.Perhatikan, dibawahnya itu pasti terdapatkode di bawah ini

  
    <li><a expr:href='data:blog.homepageUrl'>Home</a></li>

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

    <ul>

    <li><a href='http://himatika-uinwalisongo.blogspot.com/2011/08/selayang-pandang-himatika-walisongo.html'>Tentang Himatika</a></li>

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

    </ul></li>

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

    <ul>

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

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

    <li><a href='#'>E-Book</a></li>

    </ul>
    </li>

   

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

    <ul class='children'>

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

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

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

    </ul>
    </li>

   

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

    <ul class='children'>

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

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

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

    <ul class='children'>

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

    </li>

    </ul>

    </li>

    </ul>
    </li>

   

    <li><a href='#'>Parent Category</a>

    <ul class='children'>

    <li><a href='#'>Child Category 1</a>

    <ul class='children'>

    <li><a href='#'>Sub Child Category 1</a></li>

    <li><a href='#'>Sub Child Category 2</a></li>

    <li><a href='#'>Sub Child Category 3</a></li>

    </ul>

    </li>

    <li><a href='#'>Child Category 2</a></li>

    <li><a href='#'>Child Category 3</a></li>

    <li><a href='#'>Child Category 4</a></li>

    </ul>
    </li>

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

   

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

    <ul class='children'>

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

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

    </ul>
    </li>

   

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

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

   
    </ul>

Itulah representasi tampilan menu bar tersebut dalam bahasa html.

5. Silakan Edit, sesuai dengan keinginan dengan mencari nama menu yang mau di link kan

     <a href="#"> : menyatakan link .tanda pagar [#] di isi dengan targetnya. Dalam hal ini bisa berupa postingan. Shg yang qt butuhkan URL postingannya. Jadi untuk me link kannya cukup mengganti tanda pagar [#] tersebut dengan URL Postingan. Ingat , hanya tanda pagar [#] aja yang dibuang yaa....aphostropnya biarkan masih ok2 :)

Perhatikan
<a href="http://himatika-uinwalisongo.blogspot.com/2011/08/selayang-pandang-himatika-walisongo.html">Tentang Himatika</a>

  Itu adalah contoh menu "Tentang Himatika"yang udda saya link kan....


jika ingin soft filenya silakan download di sini 
by:(RR)

0 komentar:

Posting Komentar