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.


Catatan: Cara menerapkan khususnya meletakan menu navigasi yang benar dan tepat pada template bawaan blogger adalah di atas atau di bawah tag </header>, contoh:

</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

Postingan populer dari blog ini

AWAS ID TANDA TELAH BANNED PADA AKUN BLOGGER TIDAK AKAN TERHAPUS LAGI SELAMANYA

CARA MEMBUAT MEGA MENU BLOGGER