Cara Mengatasi Menu Header Simplify dan Simplify 2 Tidak Bisa Di KlikMhamanx
Cara Mengatasi Menu Header Simplify dan Simplify 2 Tidak Bisa Di Klik-Setiap template yang di pakai di blog pasti mempunyai kelemahan dan juga kelebihan. Template yang sekarang kita bahas adalah template buatan mbak arlina yang kece dan simple yaitu Simplify dan simplify 2. keduanya memang bernama sama tetapi menurut saya penampilan saat dipakai di blog cukup berbeda.


Template ini saya pakai juga di blog saya yang ini, karena templatenya yang bagus dan cukup simple menurut saya dan juga responsive terhadap perangkat lain seperti smartphone. Tetapi setelah saya coba di google page speed insight, kecepatan blog cukup mengecewakan dikarenakan beberapa hal antara lain masalah widget css bundle yang pengaruhnya sangat besar terhadap kecepatan blog. Jadi saya mencoba memperbaiki kesalah digoogle page speed insight tersebut dengan cara mengubah bagian HTML, Head, dan Body seperti yang di tunjukan di artikel mbak arlina.

Namun, setelah memperbaiki kecepatan blog saya, ada beberapa masalah yang muncul, seperti gambar di widget popular post menjadi tidak rapi/responsive, dan menu di header jadi tidak bisa di klik sama sekali, padahal di menu-menu header blog saya sudah ada link yang menuju ke label tertentu.

Nah untuk kali ini saya hanya membahasa soal yang menu header tidak bisa di klik. Menu di header blog tidak bisa di klik kemungkinan besar karena kalian menghilangkan masalah Blogger Widget Css Bundle. Atau juga bisa di sebabkan faktor-faktor lain yang saya belum ketahui tetapi intinya masalah ini bisa di perbaiki dengan cara berikut.

  • Masuk ke blogger, pergi ke tema lalu edit HTML.
  • tekan CTRL+F 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()})});
  • Kodenya seperti ini di template.

  • Lalu kemudian ganti kode seperti diatas yang ada ditemplate blog kalian dengan kode di bawah ini.
// 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()})});
  • Hasilnya akan seperti ini.

  • Simpan template, lalu liat hasilnya di blog kalian.

Sekian artikel kali ini, semoga bermanfaat untuk kalian semua yang terkena masalah seperti ini. Terima kasih.

Cara Mengatasi Menu Header Simplify dan Simplify 2 Tidak Bisa Di Klik

Cara Mengatasi Menu Header Simplify dan Simplify 2 Tidak Bisa Di Klik-Setiap template yang di pakai di blog pasti mempunyai kelemahan dan juga kelebihan. Template yang sekarang kita bahas adalah template buatan mbak arlina yang kece dan simple yaitu Simplify dan simplify 2. keduanya memang bernama sama tetapi menurut saya penampilan saat dipakai di blog cukup berbeda.


Template ini saya pakai juga di blog saya yang ini, karena templatenya yang bagus dan cukup simple menurut saya dan juga responsive terhadap perangkat lain seperti smartphone. Tetapi setelah saya coba di google page speed insight, kecepatan blog cukup mengecewakan dikarenakan beberapa hal antara lain masalah widget css bundle yang pengaruhnya sangat besar terhadap kecepatan blog. Jadi saya mencoba memperbaiki kesalah digoogle page speed insight tersebut dengan cara mengubah bagian HTML, Head, dan Body seperti yang di tunjukan di artikel mbak arlina.

Namun, setelah memperbaiki kecepatan blog saya, ada beberapa masalah yang muncul, seperti gambar di widget popular post menjadi tidak rapi/responsive, dan menu di header jadi tidak bisa di klik sama sekali, padahal di menu-menu header blog saya sudah ada link yang menuju ke label tertentu.

Nah untuk kali ini saya hanya membahasa soal yang menu header tidak bisa di klik. Menu di header blog tidak bisa di klik kemungkinan besar karena kalian menghilangkan masalah Blogger Widget Css Bundle. Atau juga bisa di sebabkan faktor-faktor lain yang saya belum ketahui tetapi intinya masalah ini bisa di perbaiki dengan cara berikut.

  • Masuk ke blogger, pergi ke tema lalu edit HTML.
  • tekan CTRL+F 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()})});
  • Kodenya seperti ini di template.

  • Lalu kemudian ganti kode seperti diatas yang ada ditemplate blog kalian dengan kode di bawah ini.
// 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()})});
  • Hasilnya akan seperti ini.

  • Simpan template, lalu liat hasilnya di blog kalian.

Sekian artikel kali ini, semoga bermanfaat untuk kalian semua yang terkena masalah seperti ini. Terima kasih.
Load comments