Hapus Dan Ganti Menu di Template Maskolis

Pada template original ini yang saya guna dari Mas Kolis 'Creating Website', ada beberapa menu yang saya mau tukar dan hapus.

Menu asli. Menu 1 dan Drop Menu 1 akan ditukar

1. Ganti Menu 
Untuk ganti menu, saya cari html code yang berikut.

</div><!-- /header-wrapper -->
<div class='masmenu'>
<ul class='sf-menu'>
<li><a href='/'><img alt='home' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFasq97dLPyBsLd-f5g47y2jm3TyUnoYsgYeWqe_IbnxWEHH-VrjSNdEzpmn4T9mfFjfcRuiatsPBU4y9VoVpcXZLSCF1wDEdnfayxzPVed9duT1sH-_vGScHzmTRyXMUsV_4ZPWzP2Dk/s1600/home.gif' style='padding:0px;'/></a></li>
<li><a href='#'>Menu 1</a></li>
<li><a href='#'>Drop Menu 1</a>
<ul>
<li><a href='#'>Sub Menu 1</a></li>
<li><a href='#'>Sub Menu 2</a></li>
<li><a href='#'>Sub Drop Menu 3</a>
<ul>
<li><a href='#'>Sub Drop Menu 3.1</a></li>
<li><a href='#'>Sub Drop Menu 3.2</a></li>
</ul>
</li>
</ul>
</li>
<li><a href='#'>Drop Menu 2</a>
<ul>
<li><a href='#'>Sub Menu 1</a></li>
<li><a href='#'>Sub Menu 2</a></li>
<li><a href='#'>Sub Menu 3</a></li>
</ul>
</li>
<li><a href='#'>Menu 2</a></li>
<li><a href='#'>Menu 3</a></li>
</ul>
 </div>

dan saya ganti dengan yang berikut:

<div class='masmenu'>
<ul class='sf-menu'>
<li><a href='/'><img alt='home' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFasq97dLPyBsLd-f5g47y2jm3TyUnoYsgYeWqe_IbnxWEHH-VrjSNdEzpmn4T9mfFjfcRuiatsPBU4y9VoVpcXZLSCF1wDEdnfayxzPVed9duT1sH-_vGScHzmTRyXMUsV_4ZPWzP2Dk/s1600/home.gif' style='padding:0px;'/></a></li>
<li><a href='http://modmyblogg.blogspot.sg/p/about-this-blog.html#'>About This Blog</a></li>
<li><a href='http://modmyblogg.blogspot.sg/p/privacy-policy.html'>Privacy Policy</a></li>
<li><a href='#'>Drop Menu 1</a>
<ul>
<li><a href='#'>Sub Menu 1</a></li>
<li><a href='#'>Sub Menu 2</a></li>
<li><a href='#'>Sub Drop Menu 3</a>
<ul>
<li><a href='#'>Sub Drop Menu 3.1</a></li>
<li><a href='#'>Sub Drop Menu 3.2</a></li>
</ul>

Saya ada dua halaman statis (static page) pada blog ini. Ia adalah 'About This Blog' dan 'Privacy Policy.' Ada 2 URL yang terkait dengan halaman statis ini. Saya akan menggunakan 2 URL ini untuk mengarah kepada halaman tersebut apabila menu nya di ketik.

Tanda pagar '#' yang terdapat pada setiap baris adalah untuk kita mengganti pada URL yang lain. Setiap kali Sub Menu dipilih atau diketik, it akan mengarah kepada URL yang lain ini. 

Hasilnya:

2 menu di kanan sudah diganti.

2. Menghapus Menu
Untuk menghapus menu-menu yang lain, caranya ialah seperti begini:


<!-- COMMENT OUT
<li><a href='#'>Drop Menu 1</a>
<ul>
<li><a href='#'>Sub Menu 1</a></li>
<li><a href='#'>Sub Menu 2</a></li>
<li><a href='#'>Sub Drop Menu 3</a>
<ul>
<li><a href='#'>Sub Drop Menu 3.1</a></li>
<li><a href='#'>Sub Drop Menu 3.2</a></li>
-->

Hasilnya:

Selamat mencoba.

Read more »