Beranda Blog

2 Alternatif Mudah Membuat Menu dan Sub Menu Blog

noer
noer
Updated: • 0 • min read
Table of Contents

2 Alternatif Mudah Membuat Menu dan Sub Menu Blog

Sebelum kita mulai membuat menu dan sub menu, perlu sahabat ketahui bahwa ada 2 cara membuat menu dan sub menu. Cara pertama adalah dengan mengedit melalui HTML dan menggunakan Menu tata letak pada blogger.



Menggunakan HTML 

Cara ini bisa anda gunakan jika menggunakan tamplate yang tidak bisa editing menu dan sub menu melalui tata letak atau tidak tersedia kolom edit menu pada menu tata letak. Bagaimana cara mudahnya?

·           Silahkan sahabat langsung masuk ke bagian Tema Blogger, kemudian klik Edit HTML

·            CTRL+F lalu ketik "Menu"

·           Maka sahabat akan menemukan kode seperti ini 

<li><a href='#' itemprop='url' rel='tag nofollow' title='Menu 1'><span itemprop='name'>Menu</span></a></li>

·     Kode diatas adalah untuk kode menu, maka sahabat tinggal mengganti "Menu" dengan nama yang sahabat inginkan. Jika ingin dihubungkan dengan label tertentu maka sahabat tinggal mengganti '#' dengan 'link label'. 

·        Jika sahabat ingin membuat sub menu dalam menu tersebut maka link dikosongkan

<li><a href="#">Menu </a>
<ul class="sub-menu">
<li>
<a href="#">Sub Menu 1</a>
</li>
<li>
<a href="#">Sub Menu 2</a>
</li>
<li>
<a href="#">Sub Menu 3</a>
</li>
<li>
<a href="#">Sub Menu 4</a>
</li>
</ul>
</li> 

·       Sususan htmlnya tinggal sahabat tambahkan kode ini untuk sub menu.

Menggunakan Tata Letak

Jika bisa membuat tersedia menu edit pada tata letak maka akan lebih memudahkan sahabat dalam proses penambahan menu dan sub menu. Caranya adalah sebagai berikut:

  • Masuk ke menu Tata Letak
  • Kemudian tambahkan Gadget, lalu pilih Daftar Link
  • Kemudian akan muncul kotak seperti dibawah











Pada bagian judul berikan nama Menu atau Main Menu, Nama Situs Baru bisa diisi dengan judul menu yang sahabat inginkan misalkan Menu 1, Kemudian URL Situs Baru silahkan diisi dengan link label seperti contoh "http://www.namablogsahabat.com/search/label/artikel"

  • Kemudian klik Tambahkan Tautan.
  • Jika ingin membuat sub menu, maka sahabat tinggal menambahkan kode Underscors (_) pada depan nama menu. sehingga otomatis akan menjadi sub menu. jika ingin sub menu dalam sub menu maka tinggal tambahkan 2 kode tersebut dalam nama situs baru misalkan "_Artikel 1"
  • Tinggal sahabat sesuaikan sub menu dan menu dengan menaikan atau menurunkan urutan menu tersebut.

Nah, sekian dulu ya sedikit ilmu dari ilhamsadli.com  tentang 2 alternatif mudah dan simpel membuat menu dan sub menu blog. Semoga bisa bermanfaat dan membantu sahabat sehingga sistem navigasi blog menjadi baik.

 

Ditulis Kembali dari :

https://www.ilhamsadli.com/2018/02/cara-mudah-membuat-menu-dan-submenu-bog.html


Posting Komentar