Cara Mengatasi Error Navigasi Pada Template Simplify

     Yok sahabat bloggers apa kaabbbss?? hehe gimana kabarnya? ketemu lagi pada tutorial kali ini. pada tutorial kali ini saya akan memberikan trik untuk mengatasi  navigasi menu dan menu dropdown yang error pada template simplify buatan mbak arlina. jika sobat belum punya template ini dan mungkin sobat berminat untuk memiliki template ini bisa sobat download di sini : Simplify Responsive Blogger Template . Template ini merupakan versi yang pertama , mungkin sobat ada yang penasaran ataupun lebih berminat pada template simplify versi ke 2 bisa sobat download dan lihat demo nya di sini : Simplify 2 Responsive Blogger Template .

     Okee setelah sobat semua sudah memiliki template Simplif ini langsung saja ke pokok permasalahanya . yakni navigasi menu dan dropdwon menu yang error.

     Pada tutorial yang pertama error sudah berhasil saya atasi, hanya saja pada tutorial pertama terdapat kekuranganya, yakni untuk bisa meng-fix kan error tersebut kita harus memilih 1 di antara 2 pilihan yakni kita harus memilih antara navigasi menu atau dropdown menu. karna pada tutorial pertama kita hanya bisa meng-fix kan salah satu dari 2 navigasi tersebut. Tapi tenang pada pembahasan kali ini saya akan memberikan trik kepada sobat semua untuk bisa meng-fix kan kedua navigasi menu tersebut. langsung saja simak tutorial berikut :

Tutorial :

• Masuk ke blogger
• Template kemudian edit HTML
• Lihat kode script dibawah . kode tersebut menupakan kode dropdown dari template simplify ini .

<li><a href='#' itemprop='url'><span itemprop='name'>Blog <i class='fa fa-angle-down fa-fw'/></span></a> <ul> <li><a href='#' itemprop='url'><span itemprop='name'>About</span></a></li> <li><a href='#' itemprop='url'><span itemprop='name'>Contact</span></a></li> <li><a href='#' itemprop='url'><span itemprop='name'>CSS Minifier</span></a></li> <li><a href='#' itemprop='url'><span itemprop='name'>Disclaimer</span></a></li> <li><a href='#' itemprop='url'><span itemprop='name'>HTML Converter</span></a></li> <li><a href='#' itemprop='url'><span itemprop='name'>Privacy Policy</span></a></li> <li><a href='#' itemprop='url'><span itemprop='name'>Sitemap 1</span></a></li> <li><a href='#' itemprop='url'><span itemprop='name'>Sitemap 2</span></a></li> <li><a href='#' itemprop='url'><span itemprop='name'>Static Page</span></a></li> <li><a href='/404' itemprop='url'><span itemprop='name'>404 Page Not Found</span></a></li> </ul> </li>

• Pada kode script di atas hapus kode berikut:

<li><a href='#' itemprop='url'><span itemprop='name'>Blog <i class='fa fa-angle-down fa-fw'/></span></a>

• Setelah sobat hapus. ganti code script yang sobat hapus tadi dengan kode berikut :

<li class='dropdown-toggle'><a href='#' itemprop='url'><span itemprop='name'>Blog <i class='fa fa-angle-down fa-fw'/></span></a>

• Langkah selanjutnya cari kode berikut :

// Slide toggle $(function(){$("#simplify-click > li").click(function(i){var l=$("ul",this);return $("#simplify-click > li > ul").not(l).slideUp(),l.stop(!0,!0).slideToggle(400),!1}),$("#simplify-click > li > ul > li").click(function(i){i.stopPropagation()})});

• Lebih jelasnya seperti gambar di bawah

• Sudah ketemu ?? jika sudah ganti kode script tersebut dengan kode script berikut :

// Slide toggle $(function(){$(".dropdown-toggle").click(function(i){var l=$("ul",this);return $("#simplify-click > li > ul").not(l).slideUp(),l.stop(!0,!0).slideToggle(400),!1}),$("#simplify-click > li > ul > li").click(function(i){i.stopPropagation()})});

     Sudah?? jika sudah save template sobat kemudian refresh blog sobat dan sobat coba sendiri navigasi menu dan dropdwon menu nya . pasti sudah fix errornya . saja jamin tutorial ini bakalan work , karena saya sudah membuktikanya sendiri.