Lompat ke konten Lompat ke sidebar Lompat ke footer

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 error tidak bisa di klik. Hal ini tentunya menjadi masalah 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 dan banyak artikel yang berada di posisi pertama google setelah menggunakan template simplfy 2. Untuk versinya sendiri, saya menggunakan yang gratis, dimana pada versi gratisterdapat 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(&#39;script&#39;); ad.type = &#39;text/javascript&#39;; ad.async = true; ad.src = &#39;//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js&#39;; var sc = document.getElementsByTagName(&#39;script&#39;)[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(){$(&quot;#simplify-click &gt; li&quot;).click(function(i){var l=$(&quot;ul&quot;,this);return $(&quot;#simplify-click &gt; li &gt; ul&quot;).not(l).slideUp(),l.stop(!0,!0).slideToggle(400),!1}),$(&quot;#simplify-click &gt; li &gt; ul &gt; li&quot;).click(function(i){i.stopPropagation()})});


6. Ganti kode diatas dengan kode berikut ini,




// Slide toggle

$(function(){$(&quot;.dropdown-toggle&quot;).click(function(i){var l=$(&quot;ul&quot;,this);return $(&quot;#simplify-click &gt; li &gt; ul&quot;).not(l).slideUp(),l.stop(!0,!0).slideToggle(400),!1}),$(&quot;#simplify-click &gt; li &gt; ul &gt; li&quot;).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.


 

Wendy Andriyan
Wendy Andriyan Penulis amatiran yang berusaha berbagi dengan sesama melalui tulisan.

Posting Komentar untuk "Cara Mengatasi Menu Navigasi Simplfy 2 Tidak Bisa Diklik"