Memasang Sub Menu Di Tata Letak/Side Bar Pada Blogspot

Memasang Sub Menu Di Tata Letak/Side Bar Pada Blogspot _ Apa kabar rekan Lampung Blogging. Kali ini admin akan sedikit berbagi info mengenai Menu dan sub menu pada blogspot. Khususnya teknik memasang menu dan subnya pada di sisi luar halaman postingan (side bar), pada blogspot.

Seperti yang telah di ulas di artikel sebelumnya (BACA :Desain Blog ) , bahwa menu dan Sub-menu Bar sangat dibutuhkan guna mencari informasi berdasarkan pada kategori atau sub menu . Sebab, dengan memberi sub menu bar, maka blog kita akan tampak lebih ilmiah, teratur, dan simple. Artikel kali ini masih mengulas seputar menu dan sub menu bar. Simak langkah-langkahnya :
1. Masuk ke dasbor blogger anda
2. Pilih Tata Letak atau Lay Out
3. Klik Add Gadget/ Tambah Gadget
4. Pilih HTML/JAVASCRIPT.
(Biarkan kolom judul nama gadget kosong, lalu copy paste kode di bawah ini ke  kolom HTML yang tersedia)

<div id="RickyMenu">
       <div id="Rickybox">
      <ul id="punch">
        <li><a href="#">Home</a></li>
        <li>
          <a href="#">Sample Page</a>
          <ul>
            <li>
              <a href="#">Sub Page #1</a>
              <ul>
                <li><a href="#">Sub Sub Page #1</a></li>
                <li><a href="#">Sub Sub Page #2</a></li>
                <li><a href="#">Sub Sub Page #3</a></li>
              </ul>
            </li>
            <li><a href="#">Sub Page #2</a></li>
            <li><a href="#">Sub Page #3</a></li>
            <li><a href="#">Sub Page #4</a></li>
            <li><a href="#">Sub Page #5</a></li>
          </ul>
        </li>
        <li><a href="#">Sample Post</a></li>
        <li><a href="#">Blog Page</a></li>
      </ul>
    </div>
  </div>

Edit semua nama menu sesuai keinginan anda. Jangan lupa mengganti tanda # dengan alamat URL yang anda inginkan

5. Klik Save/Simpan
Atur posisi gadget drop down menu horizontal ini di tempat yang anda inginkan, lalu klik tombol SIMPAN SETELAN di bagian kanan atas layar.

Jika anda melakukan langkah-langkah di atas dengan benar, anda akan melihat sebuah horizontal drop down menu di tempat yang anda inginkan. Untuk Menambah Item di dalam drop down menu horizontal ini sangatlah mudah:

Silahkan cari pada bagian akhir ada kode seperti ini:
<li><a href="#">Blog Page</a></li>
      </ul>
Tepat di bagian atas </ul> bisa disisipkan menu baru, dan akan terlihat seperti di bawah ini:
<li><a href="#">Blog Page</a></li>
<li><a href="LINK BARU">TEKS BARU</a></li>
      </ul>

Jika menu tambahan lebih dari satu akan terlihat seperti di bawah ini
<li><a href="#">Blog Page</a></li>
<li><a href="LINK BARU 1">TEKS BARU 1</a></li>
<li><a href="LINK BARU 2">TEKS BARU 2</a></li>
<li><a href="LINK BARU n">TEKS BARU n</a></li>
</ul>

Jika salah satu menu tambahan mempunyai sub menu, maka perhatikan kode </li> menu tersebut yang diturunkan untuk membuka ruang baru bagi sub menu di dalam menu tersebut

<li><a href="#">Blog Page</a></li>
<li><a href="LINK BARU 1">TEKS BARU 1</a></li>
<li><a href="LINK BARU 2">TEKS BARU 2</a> 
        <li><a href="LINK BARU SUB MENU 1">SUB MENU 1</a></li>
        <li><a href="LINK BARU SUB MENU 2">SUB MENU 2</a></li>
</li>
<li><a href="LINK BARU n">TEKS BARU n</a></li>  

Mudah bukan. Demikian informasi lampung blogging terkait teknik pemasangan menu dan subnya di sisi luar halaman postingan (side bar) pada blogspot. Ikuti terus Lampung Blogging, dan dapatkan info menarik lainnya. Semoga bermanfaat, salam Blogging.