2020/03/15

Cara Mengatasi Menu Navigasi Simplify 2 Free Responsive Yang Dropdown Semua


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 yaitu tampilan menu dropdown semua.
Sebelum

Sesudah

Karena saya juga pernah 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 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.anaz.my.id' itemprop='url'><span itemprop='name'>Blog <i class='fa fa-angle-down fa-fw'/></span></a> <ul> <li><a href='https://www.anaz.my.id' 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.anaz.my.id' itemprop='url'><span itemprop='name'>About <i class='fa fa-user fa-fw'/></span></a> </li> <li> <a href='https://www.anaz.my.id' itemprop='url'><span itemprop='name'>Contact <i class='fa fa-shield fa-fw'/></span></a> </li> <li> <a href='https://www.anaz.my.id' itemprop='url'><span itemprop='name'>Sitemap <i class='fa fa-users fa-fw'/></span></a> </li> <li> <a href='https://www.anaz.my.id' itemprop='url'><span itemprop='name'>Patner <i class='fa fa-users fa-fw'/></span></a> </li> <li><a href='https://www.anaz.my.id' 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 kode Script dibawah ini.

Ctrl+F dan Search //Slide toggle

Lalu sobat akan mendapati kode dibawah ini tepat sebelum kode diatas. 

$(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 klik "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 yang saya bagikan diatas bermanfaat bagi sobat semua. Terima kasih dan Selamat Mencoba

Tags :

bm
@anaz_arblit

Hanya Seorang Blogger dan Content Writer yang senang mempelajari dan berbagi Informasi, Tutorial dan seputar Dunia Internet. Jika anda ingin bekerjasama dengan kami, Silahkan Hubungi kami melalui Email : Themeblitz@gmail.com.

Post a Comment