Cara Mengatasi Menu Navigasi Simplify 2 Free Responsive Yang Dropdown Semua - Hallo sobat blogger,  pada kesempatan kali ini saya akan memberikan solusi bagi sobat yang menggunakan template Simplify 2 Free Responsive Blogger Template buatan arlina design.


Karena saya juga menggunakan template Simplify 2 Free Responsive Blogger Template di blog saya satunya yang awalnya semua menu navigasi nya Dropdown semua. Dan setelah saya googling tidak ada artikel yang membahas tentang ini. Dan kebanyakan membahas tentang Cara Memperbaiki Menu Navigasi Template Simplify Yang tidak Bisa Di Klik atau Error, untuk lebih detailnya bisa membaca artikel saya berikut ini ( KLIK DISINI )

Dropdown Menu

Single Menu

Untuk merubah semua menu Navigasi Template simplify menjadi Single Menu,  Silahkan Ikuti langkah-langkah berikut ini.

Cara Mengatasi Menu Navigasi Simplify Free Responsive Yang Dropdown Semua.

1.Jika sobat memakai Template simplify free responsive blogger template, Silahkan cari kode Berikut ini :

<nav id='simplify-two' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement'>  <input type='checkbox'><i aria-hidden='true' class='fa fa-th-list'/> Menu</input><ul id='simplify-click'><li><a href='#' itemprop='url'><span itemprop='name'>Blog <i class='fa fa-caret-down fa-fw'/></span></a><ul><li><a href='#' itemprop='url'><span itemprop='name'>About</span></a></li><li><a href='#' itemprop='url'><span itemprop='name'>Contact</span></a></li><li><a href='#' itemprop='url'><span itemprop='name'>CSS Minifier</span></a></li><li><a href='#' itemprop='url'><span itemprop='name'>Disclaimer</span></a></li><li><a href='#' itemprop='url'><span itemprop='name'>HTML Converter</span></a></li><li><a href='#' itemprop='url'><span itemprop='name'>Privacy Policy</span></a></li><li><a href='#' itemprop='url'><span itemprop='name'>Sitemap 1</span></a></li><li><a href='#' itemprop='url'><span itemprop='name'>Sitemap 2</span></a></li><li><a href='#' itemprop='url'><span itemprop='name'>Static Page</span></a></li><li><a href='#' itemprop='url'><span itemprop='name'>404 Page Not Found</span></a></li></ul></li>Sampai dengan.. ........ ............</nav>

*Dan ganti kode diatas dengan kode dibawah ini.

<nav id='simplify-two' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement'>   <input type='checkbox'><i aria-hidden='true' class='fa fa-th-list'/> Menu</input> <ul id='simplify-click'> <li class='dropdown-toggle'><a href='https://www.anazdzgn.com' itemprop='url'><span itemprop='name'>Blog <i class='fa fa-angle-down fa-fw'/></span></a> <ul> <li><a href='https://www.anazdzgn.com' itemprop='url'><span itemprop='name'>About</span></a></li> <li><a href='#' itemprop='url'><span itemprop='name'>Contact</span></a></li> <li><a href='#' itemprop='url'><span itemprop='name'>CSS Minifier</span></a></li> <li><a href='#' itemprop='url'><span itemprop='name'>Disclaimer</span></a></li> <li><a href='#' itemprop='url'><span itemprop='name'>404 Page Not Found</span></a></li> </ul> </li> <li> <a href='https://www.anazdzgn.com/p/about-us.html?m=1' itemprop='url'><span itemprop='name'>About <i class='fa fa-user fa-fw'/></span></a> </li> <li> <a href='https://www.anazdzgn.com/p/cont.html?m=1' itemprop='url'><span itemprop='name'>Contact <i class='fa fa-shield fa-fw'/></span></a> </li> <li> <a href='https://www.anazdzgn.com/p/sitemap.html?m=1' itemprop='url'><span itemprop='name'>Sitemap <i class='fa fa-users fa-fw'/></span></a> </li> <li> <a href='https://www.anazdzgn.com' itemprop='url'><span itemprop='name'>Patner <i class='fa fa-users fa-fw'/></span></a> </li> <li><a href='https://www.anazdzgn.com/p/format-pembayaran.html?m=1' itemprop='url'><span itemprop='name'>Buy Template <i class='fa fa-shopping-cart fa-fw'/></span></a> </li> </ul> </nav>

#Ganti Link diatas dengan Url blog sobat

2.Langkah selanjutnya, silahkan cari Script Dibawah ini.

Ctrl+F dan Search // Slide toggle

Dan ganti kode di bawah

$(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()})});

*Ganti kode diatas dengan kode Script dibawah ini.

$(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()})});

3.Lalu Save

Lihat, apakah menu navigasi sudah berjalan dengan normal? Jika belum, silahkan tinggalkan komentar dibawah ini.

Demikian artikel dari saya tentang Cara Mengatasi Menu Navigasi Simplify Free Responsive Yang Dropdown Semua. Semoga artikel diatas bermanfaat bagi sobat semua. Terima kasih dan selamat mencoba