2 Cara Mengatasi Menu Simplify yang tidak Bisa di KLIK

2 Cara Mengatasi Menu Simplify yang tidak Bisa di KLIK

Navigasi Menu Simplify Blogger Templates Error? Nggak bisa di klik sama sekali pada?

Bagaimana cara memperbaiki dan mengatasi navigasi menu Simplify yang tidak bisa di klik, ya?

Simplify dan Simplify 2 merupakan template blogger premium (berbayar) karya Arlina Design.

Simplify versi pertama merupakan template paling laris menurut saya, lagi pula fiturnya sudah sangat banyak, fenomenal banget. Dihargai 300.000,- pun juga cocok kok! :)

Jadi, sangat disayangkan kalau Simplify V1 sudah di beli, gara-gara error di bagian Navigasi Menu, kita nggak jadi menggunakannya lagi.

Jangan berkecil hati gara-gara persoalan Navigasi Menu, Guys. Arlina Design juga manusia, pasti bisa atau pun pernah berbuat kesalahan.

Di bawah ini, ada tutorial bagaimana cara memperbaiki navigasi menu Simplify 2 yang tidak berfungsi atau tidak bisa digunakan.

Baca Juga: Memperbaiki dan Mengatasi Google+ Badge tidak Muncul di Blog

2 Cara Mengatasi Menu Simplify yang tidak Bisa di KLIK

Dari berbagai informasi, saya temukan kalau Simplify 2 hanya beberapa pengguna yang mengadu Error. Sedangkan Simplify 1, hampir semuanya mengalami kerusakan.

Secara pribadi, saya sudah kontak Arlina Design melalui email.

Mba-mba-nya sih ngomong begini, kategori (label) yang terpasang di Sub-Menu (navigasi menu) memang bekerja, akan tetapi kode di Menu biasa tidak bisa di klik.

Kok bisa, sih? Sebab, settingan dalam pembuatan template blogger Simplify 1 ini memang begitu.

Kalau pun pada akhirnya mau meng-klik di bagian Menu biasa, kita harus KLIK KANAN lalu buka secara "Open New Tab". Baru deh, Work.

Nah, agar Navigasi Menu-nya bekerja dengan baik, baik itu Menu biasa maupun Menu Dropdown, silahkan aplikasikan 2 cara di bawah ini di dalam template blogger.

#1. jQuery Library

Cari kode dibawah ini:

function loadCSS

Kode lengkapnya yang muncul adalah:

<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>

Ganti kode di atas, dengan kode di bawah ini; bahasa lainnya, REPLACE:

<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>

Silahkan Anda simpan perubahan template blogger.

Baca Juga: Cara Membuat Tahun Copyright di Blog berubah Otomatis

#2. Pengaturan Toggle Code

Cari kode di bawah ini:

// Slide toggle

Nantinya muncul kode seperti dibawah 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()})});

Hapus kode diatas, ganti dengan kode dibawah 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 lagi perubahan template blogger untuk kedua kalinya.

Kalau di dalam template ada menampilkan Navigasi Menu Dropdown (atau Sub-Menu), gunakan kode dibawah ini:

<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>

Cara penerapan lengkapnya seperti ini:

<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/disinilabel' itemprop='url'><span itemprop='name'>Nama Label 1</span></a></li>
<li><a href='/search/label/disinilabel' itemprop='url'><span itemprop='name'>Nama Label 2</span></a></li>
<li><a href='/search/label/disinilabel' itemprop='url'><span itemprop='name'>Nama Label 3</span></a></li>
</ul>
</li>

Ok sampai disini simpan semua perubahan atau editing yang sudah dilakukan di dalam blogger template.

Silahkan tap tombol "View Blog" untuk melihat hasil secara keseluruhan. Sangat disarankan untuk klik dan klik pada Navigasi Menu apakah berhasil atau tidak.

Baca Juga: Cara Membuat Gambar Header H1 di Blog

Sampai disini, tutorial perbaikan mengatasi dan perbaikan Navigasi Menu di template Simplify karya Arlina Design sudah berhasil dilakukan.