CARA MEMBUAT MENU DROPDOWN BLOGGER YANG RESPONSIVE DENGAN BENAR
Menu Navigasi responsive dengan "dropdown"
Untuk menguji menu navigasi ini responsive atau tidak, coba periksa halaman melalui hape dan laptop atau tablet sobat.Tentu saja tekan tombol "Dropdown" yang muncul pada barisan menu untuk memunculkan menu menu dropdown tersebut.
</header>
<div class="topnav" id="myTopnav">
<a class="active" href="https://draft.blogger.com/blogger.g?blogID=3005430155935362803#home">Beranda</a>
<a href="https://draft.blogger.com/blogger.g?blogID=3005430155935362803#news">Berita</a>
<a href="https://draft.blogger.com/blogger.g?blogID=3005430155935362803#contact">Hubungi</a>
<div class="dropdown">
<button class="dropbtn">Dropdown
<i class="fa fa-caret-down"></i>
</button>
<div class="dropdown-content">
<a href="https://draft.blogger.com/blogger.g?blogID=3005430155935362803#">Link 1</a>
<a href="https://draft.blogger.com/blogger.g?blogID=3005430155935362803#">Link 2</a>
<a href="https://draft.blogger.com/blogger.g?blogID=3005430155935362803#">Link 3</a>
</div>
</div>
<a href="https://draft.blogger.com/blogger.g?blogID=3005430155935362803#about">About</a>
<a class="icon" href="javascript:void(0);" onclick="myFunction()" style="font-size: 15px;">☰</a>
</div>
</header>
Untuk penerapannya silahkan lihat di editblogtema