Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Membuat dan Mengedit Menu Blog

Mengedit dan membuay menu atau submenu blog merupakan hal yang terpenting, dimana menu tersebut akan digunakan sebagai petunjuk bagi pengunjung, agar lebih leluasa menjelajahi blog kita dalam mencari artikel berdasarkan kategori pembahasan.

Alasan kenapa perlu membuat menu dan sub menu blog adalah agar halaman satu dengan halaman lainnya dapat dipisahkan berdasarkan tujuannya, entah itu halaman artikel ataupun halaman pendukung lainnya.

Cara Membuat dan Mengedit Menu atau Sub Menu Blog

Menu juga membuat blog terlihat memiliki banyak fitur dan lebih menarik, karena ada yang bisa dijelajahi oleh pengunjung dibandingkan dengan blog yang tidak memiliki menu sama sekali.

Sebelum memulai untuk mengedit dan membuat menu atau sub menu blog, saya ingin memberitahu terlebih dahulu bahwa cara ini hanya berlaku untuk kamu yang menggunakan template gratisan dari internet ataupun template premium hasil beli ya.

Karena caranya berbeda jika kamu menggunakan template bawaan blog dan ada beberapa kode yang tidak ditemukan disana, seperti kode untuk membuat menu blog ini.

Cara Mengganti Menu dan Submenu Blog

1. Masuk ke dashboard, pilih theme dan edit HTML.

Mengganti Menu dan Sub Menu Melalui Dashboard Blog

2. Selanjutnya cari kode <li>.

Akan banyak sekali kode yang akan kamu temui, cara mudah mencari kode tersebut adalah dengan menekan tombol CTRL + F, lalu tinggal ketik saja kode yang dicari.

Kode <li> sendiri adalah kode pembuka untuk membuat menu atau sub menu pada blog.

Membuat Menu dan Sub Menu Blog

3. Setelah ketemu kodenya, silahkan ganti link tujuan dan deskripsi menu blog yang di inginkan.

Berikut adalah contoh kode menu blog:

<ul>

<li><a href='LinkTujuan'>Menu 1</a></li>

<li><a href='LinkTujuan'>Menu 2</a></li>

</ul>

Link tujuan biasanya menggunakan link label atau kategori dari postingan blog, begitu juga dengan nama menu.

Dalam hal ini sangat penting memberikan label pada artikel postingan, untuk mempermudah pengunjung mencari artikel dengan kategori pembahasan yang sama melalui menu dan sub menu yang dibuat.

Misalkan kamu memiliki beberapa artikel yang membahas mengenai komputer dan kamu masukan ke dalam label "komputer". Maka seluruh artikel yang membahas mengenai komputer akan ditampilkan dalam satu label.

Nantinya label tersebut akan memiliki link sendiri yang bisa digunakan sebagai link tujuan untuk menu dan sub menu blog.

Contoh:

https://www.wendyandriyan.info/search/label/Komputer.

Ketika diakses, maka akan menampilkan seluruh artikel yang berlabel atau berkategori komputer.

Cara Membuat dan Mengedit Menu Blog

4. Sekarang tinggal sub menunya, untuk sub menu blog sendiri biasanya berbentuk dropdown, dimana ketika menu di klik, maka akan muncul berbagai sub menu.

Kodenya seperti berikut ini,

<li><a href='#'>Menu 3</a>

<ul>

<li><a href='Link Tujuan'>SubMenu 1</a></li>

<li><a href='Link Tujuan'>SubMenu 2</a></li>

</ul>

</li>

</ul>

Untuk link tujuan pada kode pertama, kita buat mati saja dan mengisinya dengan tanda #.

Hal ini bertujuan ketika menu pertama di klik maka tidak akan mengarah ke halaman manupun dan hanya menampilkan sub menu saja.

Lebih lengkapnya, berikut adalah kode untuk membuat dan mengedit menu atau sub menu blog.

<ul>

<li><a href='LinkTujuan'>Menu 1</a>

</li> <li><a href='LinkTujuan'>Menu 2</a></li>

<li><a href='#'>Menu 3</a>

<ul>

<li><a href='Link Tujuan'>SubMenu 1</a></li>

<li><a href='Link Tujuan'>SubMenu 2</a></li>

</ul>

</li>

</ul>

Bagaimana? mudah kan? itu dia cara membuat dan mengedit menu blog, semoga artikel ini bermanfaat dan dapat dipahami dengan mudah.

Wendy Andriyan
Wendy Andriyan Penulis amatiran yang berusaha berbagi dengan sesama melalui tulisan.

Posting Komentar untuk "Cara Membuat dan Mengedit Menu Blog"