Dewa Naga

Tikusliar.com - Cara Mudah Menambahkan Menu Drop-down diblogger - Haloo, selamat pagi semuanya dimanapun kalian berada.

Assalamualaikum…., pada kesempatan kali ini saya diberikan kesempatan untuk menulis lagi nih

nah pada tulisan kali ini kita akan membahas tentang, Bagaimana cara membuat/MENAMBAHKAN MENU DROPDOWN DI BLOG, apa sih menu dropdown itu? buat para blogger lama pasti sudah tau dong

Menu dropdown adalah navigasi menu yang bisa membuat blog kita semakin cantik. Bagaimana contoh dari menu dropdown itu?

Lalu apa sih Manfaat dari menu Dropdown itu ?

Manfaatnya banyak sekali loh, berikut dibawah ini manfaat dari Menu Dropdown

Menu Dropdown ini akan membuat kenyamanan tersendiri untuk pada pengunjung kita dan berbetah-bethan diblog kita, seperti kalian sekarang yang sedang membaca artikel ini.

selain itu menu drop-down ini akan membuat blog kalian lebih SEO friendly dimata google dan pengunjung.

Berikut contohnya seperti gambar dibawah ini :

Cara Mudah Menambahkan Menu Drop-down diblogger


Cara Mudah Menambahkan Menu Drop-down diblogger

1. Menghemat Ruang Page/ Halaman

Dengan menggunakan Menu Dropdown kita bisa membuat hanya beberapa page saja, page utamaya Kategori dan page yang lainnya menjadi Sub-Kategori.

2. Membuat visitor/ pengunjung Blog kita nyaman

Orang yang mengunjungi blog kita akan nyaman loh, karena tampilan blog kita yang tidak berantakan dan rapi. Bayangkan jika kita tidak menggunakan menu dopdown blog kita akan penuh dengan page.

3. Lebih gampang masuk Page one di google

Google pastinya akan memprioritaskan blog yang rapid an sesuai dengan tema dari blog itu sendiri, itu akan membuat kita berada di minimal lima urutan kebawah dari page one, atau bahkan bisa naik ke page one di pencarian google.

Oke setelah kita tau beberapa manfaat dari  menu dropdown, kita akan langsung belajar bagaimana caranya membuat menu dropdown. Perhatikan baik baik yah…

1. Masuk Ke Bloger dengan
2. Setelah masuk ke blogger, pilih Tema

Cara Mudah Menambahkan Menu Drop-down diblogger


3. Kemudian Pilih Edit HTML setelah kita klik edit HTML  akan keluar tampilan seperti ini :
Cara Mudah Menambahkan Menu Drop-down diblogger

4. Cari kode ini : ]]></b:skin> Tekan CTRL + F untuk memudahkan kamu mencarinya.
5. Selanjutnya kamu bisa memasang kode dibawah  ]]></b:skin>  :
<div class='mega-menu-full'>
<div class='row mega-menu-wrap'>
<ul class='megamenu' id='megamenuid'>

<li><a class='menu-target' href='#'>ATASAN MUSLIMAH</a>
<ul>
<li><a href=''>GAMIS</a></li>
<li><a href=''>GAMIS SET</a></li>
<li><a href=''>BATIK</a></li>
<li><a href=''>JAKET</a></li>
<li><a href=''>KAOS</a></li>
<li><a href=''>HARGA PROMO</a></li>
</ul></li>

<li><a class='menu-target' href='#'>BAWAHAN MUSLIMAH</a>
<ul>
<li><a href=''>CELANA KULOT</a></li>
<li><a href=''>CELANA JOGER</a></li>
<li><a href=''>CELANA JEANS</a></li>
<li><a href=''>ROK PANJANG</a></li>
<li><a href=''>ROK JEANS</a></li>
<li><a href=''>HARGA PROMO</a></li>
</ul></li>
<li><a class='menu-target' href='#'>PILIHAN JILBAB</a>
<ul>
<li><a href=''>JILBAB SYA&#39;RI</a></li>
<li><a href=''>JILBAB PASMINA</a></li>
<li><a href=''>JILBAB INSTAN</a></li>
<li><a href=''>JILBAB BERGO</a></li>
<li><a href=''>KHIMAR SYARI</a></li>
<li><a href=''>JILBAB SEGI4</a></li>
</ul></li>

  </div>
  </div>

Keterangan :

<li><a class='menu-target' href='#'>PILIHAN JILBAB</a>
<ul>
<li><a href=''>JILBAB SYA&#39;RI</a></li>
<li><a href=''>JILBAB PASMINA</a></li>
<li><a href=''>JILBAB INSTAN</a></li>
<li><a href=''>JILBAB BERGO</a></li>
<li><a href=''>KHIMAR SYARI</a></li>
<li><a href=''>JILBAB SEGI4</a></li>
</ul></li>

Yang berwarna Merah  bisa kamu ganti dengan Nama Page yang kamu inginkan, yang berwarna Biru bisa kamu ganti dengan link/url halaman kamu.
Setelah itu kamu bisa Save/simpan template kamu dengan cara Klik Simpan Tema/Save Theme dibawah ini :
Cara Mudah Menambahkan Menu Drop-down diblogger

Cek Blog kamu jika sudah selesai, kalau berhasil aka nada menu dropdown di blog kamu sesuai dengan yang kamu masukan tadi, selamat mencoba yah. Jangan pernah berhenti belajar.

0 Response to "Cara Mudah Menambahkan Menu Drop-down diblogger"

Post a Comment