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

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

• 

Share this post