2 Cara Mengatasi Hidangan Simplify Yang Tidak Dapat Di Klik

2 Cara Mengatasi Menu Simplify yang tidak Bisa di KLIK

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

Bagaimana cara memperbaiki dan mengatasi navigasi sajian Simplify yang tidak dapat di klik, ya?

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

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

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

Jangan berkecil hati gara-gara perkara Navigasi Menu, Guys. Arlina Design juga manusia, niscaya dapat atau pun pernah berbuat kesalahan.

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

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

2 Cara Mengatasi Menu Simplify yang tidak Bisa di KLIK

Dari banyak sekali informasi, saya temukan jika 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 arahan di Menu biasa tidak dapat di klik.

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

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

Nah, semoga 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 arahan 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 arahan di atas, dengan arahan 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 arahan di bawah ini:

// Slide toggle

Nantinya muncul arahan menyerupai 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 arahan diatas, ganti dengan arahan 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 arahan 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 menyerupai 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 hingga 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.