 |
| 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.
0 comments:
Post a Comment