Cara Membuat Tanda Pada Menu Berdasarkan Halaman yang Aktif

Cara Membuat Tanda Pada Menu Berdasarkan Halaman yang Aktif. Mungkin di antara kalian masih bertanya tanya apa maksud dari judul di atas, oke sebelum kita lanjut ke tutorialnya, saya akan menjelaskan sedikit.
Membuat tanda pada menu navigasi ini maksudnya apabila kita sedang berada pada suatu halaman, maka akan ada sebuah tanda pada menu halaman tersebut yang membuat menu itu berbeda dengan yang lain nya. bisa berupa tanda garis, atau memberi warna lain dari menu defaultnya.

Misalkan anda mengklik menu About Me pada suatu blog, maka kondisi menu yang di klik akan berubah menjadi selected sebagai tanda anda sedang berada pada halaman menu About Me.

Berikut adalah contoh menyorot/ Menandai menu navigasi Menggunakan JQuery

Cara Membuat Tanda Pada Menu Berdasarkan Halaman yang Aktif.

1. Loggin Blogger , Pilih Menu Template Kemudian Edit HTML
2. Cari Kode </head> Tambahkan kode dibawah ini sebelum kode </head>

<script type='text/javascript'>
$(function() {
var path = window.location.href;
$('nav a').each(function() {
if (this.href === path) {
$(this).addClass('active');
}
});
});
</script>

3. Cari Kode ]]></b:skin> Tambahkan Kode di bawah ini sebelum kode ]]></b:skin>

#navigasi li a.active {
background:#000;
color:#fff;
}

4. Simpan Template

Nah gimana mudah kan, itulah Cara Membuat Tanda Pada Menu Berdasarkan Halaman yang Aktif.
Semoga Bermanfaat.

Berbagi :