Cara Mengatasi Menu Navigasi Simplfy 2 Tidak Bisa Diklik
Simplfy 2 adalah template buatan Arlina Design yang cukup menarik buat saya, tapi sayangnya terdapat masalah pada bagian menu navigasi Simplfy 2 yang tidak bisa di klik.
Hal ini tentunya menjadi masalah yang serius, dimana navigasi menu pada suatu blog sangatlah penting untuk memandu pengunjung agar lebih leluasa menjelajahi halaman blog kita.
Karena semakin lama pengunjung berada di halaman blog kita, maka akan semakin baik blog kita di mata search engine, khususnya Google.
Ada alasan kenapa saya tertarik menggunakan template arlina Design yang satu ini, yaitu tampilannya sederhana, clean dan responsive.
Tidak hanya itu, saya kira untuk faktor SEO nya juga pun cukup bagus. Maka dari itu, template Simplfy 2 ini saya gunakan pada blog pendidikan yang saya kelola.
Untuk versinya sendiri, yang saya gunakan adalah versi gratis, dimana terdapat masalah navigasi menu tidak bisa di klik.
Tetapi, untuk versi premiumnya saya tidak tau apakah terdapat error yang sama. Jika iya, kita akan membahasnya bersama pada ulasan berikut ini.
Baca Juga: Cara Menghapus Iklan Disqus Paling Mudah
Cara Mengatasi Menu Navigasi Simplfy 2 Tidak Bisa Diklik
1. Langkah pertama cari kode dibawah ini pada edit HTML Blogger,
function loadCSS
2. Kode lengkapnya yang harus kamu cari adalah seperti ini,
<script type='text/javascript'>
(function() { var ad = document.createElement('script'); ad.type = 'text/javascript'; ad.async = true; ad.src = '//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js'; var sc = document.getElementsByTagName('script')[0]; sc.parentNode.insertBefore(ad, sc); })();
//<![CDATA[
//CSS Ready
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("//fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic"); loadCSS("https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css");
//]]>
</script>
3. Setelah ketemu, ganti kode diatas dengan kode dibawah ini,
<script src='//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js'/>
<script type='text/javascript'>
//<![CDATA[
//CSS Ready
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("//fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic"); loadCSS("https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css");
//]]>
</script>
4. Selanjutnya cari lagi kode berikut ini,
// Slide toggle
5. Kode lengkapnya yang harus kamu cari adalah seperti ini,
// 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()})});
6. Ganti kode diatas dengan kode berikut 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()})});
Simpan template dan selesai.
Untuk penggunaan single menu navigasi tanpa dropdown, kodenya sederhana dan sama pada umumnya yaitu,
<li><a href='/search/label/labelkamu' itemprop='url'><span itemprop='name'>Judul Label Navigasi Menu Single</span></a></li>
Untuk penggunaan menu navigasi dropdown atau sub menu, penggunaan kodenya adalah sebagai berikut,
<li class='dropdown-toggle'><a href='#' itemprop='url'><span itemprop='name'>Judul Label Navigasi Menu Dropdown<i class='fa fa-angle-down fa-fw'/></span></a>
<ul>
<li><a href='/search/label/labelkamu' itemprop='url'><span itemprop='name'>Nama Label 1</span></a></li>
<li><a href='/search/label/labelkamu' itemprop='url'><span itemprop='name'>Nama Label 2</span></a></li>
<li><a href='/search/label/labelkamu' itemprop='url'><span itemprop='name'>Nama Label 3</span></a></li>
</ul>
</li>Setelah kamu mengikuti cara diatas, maka menu navigasi pada template simplfy 2 akan bisa di klik seperti menu navigasi pada umumnya.
Sekarang kamu bisa menggunakan single menu navigasi ataupun dropdown pada template simplfy 2 tanpa ada masalah lagi.
The post Cara Mengatasi Menu Navigasi Simplfy 2 Tidak Bisa Diklik appeared first on Blog Wendy.
Artikel ini hanyalah simpanan cache dari url asal penulis yang berkebarangkalian sudah terlalu lama atau sudah dibuang :
https://www.wendyandriyan.info/cara-mengatasi-menu-navigasi-simplfy-2-tidak-bisa-diklik/