Kostum Menu Navigasi

Ada 2 menu navigasi di template BlogPress ini. Yaitu diatas (di samping kanan header) dan dibawah (di samping kanan credit title).

Untuk mengedit menu navigasinya cukup mudah. Kalian bisa mengeditnya langsung melalui menu tata letak blogger.

Mengubah Menu Navigasi Atas

Menu navigasi atas memiliki fitur dropdown terlebih responsive di berbagai media query.

Untuk cara menggantinya silahkan masuk menu tata letak di blogger.

Arahkan cursormu ke menu navigasi, lalu klik icon pensil seperti di gambar.

Kostum Menu Navigasi

Maka di bagian konten sudah ada kode HTMLnya. 

Kostum Menu Navigasi

 

Jika belum ada dan sebelumnya menu navigasi di blogmu sama sekali belum muncul, isikan kode berikut: 

<li><a href="#">About</a></li>
<li class="drop-down">
<label onclick="showDrop()">Menu
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" class="line drop" viewbox="0 0 24 24"><polyline points="6 9 12 15 18 9" stroke="#48525C"></polyline></svg>
</label>
<ul>
<li><a href="#">Label1</a></li>
<li><a href="#">Label2</a></li>
</ul>
</li>
<li><a href="#">Kontak</a></li>
<li><a href="#">Disclaimer</a></li>

Keterangan:

Ganti tanda # dengan link yang dituju.

Ganti About, Menu, label1, label2, kontak, disclaimer dengan teks yang ingin anda tampilkan.

Untuk menambahkan menu lagi tambahkan kode berikut

<li><a href="#">Disclaimer</a></li>

Setelah itu klik simpan. Jangan lupa dibagian tata letak juga klik tombol simpan.

Kostum Menu Navigasi


Menambah dan Mengganti Menu Footer

Menu footer berupa link menuju halaman statis. Untuk cara menambah atau mengubahnya lebih mudah daripada menu navigasi atas.

Pertama masuk ke tata letak blogger.

Scroll bagian bawah lalu klik icon pensil di widget Menu Halaman Statis.


 
Kalian bisa mengedit dengan cara klik icon pensil atau bisa menambahkan menu baru.

Kostum Menu Navigasi


Tidak ada komentar untuk "Kostum Menu Navigasi"

Ads
Ads
Ads