Cara Mudah Menambahkan Menu Drop-down diblogger
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
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
3. Kemudian Pilih Edit HTML setelah kita klik edit HTML akan keluar tampilan seperti ini :
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'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'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 :
Cek Blog kamu jika sudah selesai, kalau berhasil akan ada menu dropdown di blog kamu sesuai dengan yang kamu masukan tadi, selamat mencoba yah. Jangan pernah berhenti belajar.
Posting Komentar untuk "Cara Mudah Menambahkan Menu Drop-down diblogger"