Dalam  template Lapakpress terdapat tiga jenis menu yaitu

Multi Menu   OneSub Menu    No Sub
Multi Sub Menu                                            One Sub Menu                    No Sub Menu

Code Multi Sub Menu

   <li class=’active’><a href=’#’>Multi Sub</a>
<ul>
<li><a href=’#’>Product 1</a>
<ul>
<li><a href=’#’>Sub Product</a></li>
<li><a href=’#’>Sub Product</a></li>
</ul>
</li>
<li><a href=’#’>Product 2</a>
<ul>
<li><a href=’#’>Sub Product</a></li>
<li><a href=’#’>Sub Product</a></li>
</ul>
</li>
</ul>
</li>

Code One Sub Menu

    <li><a class=’active’ href=’#’>One Sub</a>
<ul>
<li><a href=’#’>Sub Product</a></li>
<li><a href=’#’>Sub Product</a></li>
</ul>
</li>

No Sub Menu

<li><a href=’#’>About</a></li>

Bagaimana Cara Membuatnya?

  1. Login ke Blogger.com
  2. Pilih menu “Template”
    menu tata letak
  3. Klik tombol “Edit HTML”
  4. Klik 1x ke kolom seperti dibawah ini
    editor html
  5. Kemudian tekan CTRL + F
    Editor Pencarian Code
  6. Nanti akan muncul kotak pencarian seperti gambar dibawah ini
  7. Cari code dibawah ini

    <div id=’cssmenu’>

  8. Lihat kode dibawah kode ini “<li><a href=’/’>Home</a></li>
  9. Perhatikan code dibawah ini:
    <li><a href=’#’>Product 1</a>
    Ganti:

    • tanda “#” ==> URL yang Anda inginkan
    • >Product1</a> ==> Ganti dengan Text yang Anda mau misalkan

      <li><a href=’/search/label/Adidas?max-results=8′>Adidas</a>

      Ganti hal serupa ke code menu yang lainnya.

  10. Jika sudah selesai klik “Save Template” atau “Simpan Template”

Leave a Reply

Your email address will not be published. Required fields are marked *