MASIGNALPHA101

Cara Mengatasi Menu Navigasi Simplify 2 Yang Dropdown Semua

Cara Mengatasi Menu Navigasi Simplify 2 Yang Dropdown Semua
6/23/2018
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.

Simplify 2

Karna saya juga menggunakan template Simplify 2 Free Responsive Blogger Template di blog saya satunya yaitu Juragantemplate.com, 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 dan untuk lebih Detailnya Klik Disini.

Dropdown Menu
Single Menu


Untuk merubah semua menu Navigasi Template simplify menjadi Single Menu,  Silakan 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.bloggerblitar.com' itemprop='url'><span itemprop='name'>Blog <i class='fa fa-angle-down fa-fw'/></span></a> <ul> <li><a href='https://www.bloggerblitar.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.bloggerblitar.com' itemprop='url'><span itemprop='name'>Patner <i class='fa fa-users fa-fw'/></span></a> </li> <li><a href='https://www.bloggerblitar.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 dibawah // 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()})});


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

Demikian artikel dari saya tentang Cara Mengatasi Menu Navigasi Simplify Free Responsive Yang Dropdown Semua. Semoga artikel diata bermanfaat bagi sobat semua.  Terima kasih
Anas Ikwana Channel

Hanya seorang Blogger & Content Writer yang senang mempelajari dan berbagi informasi, tutorial dan seputar dunia internet.