CARA MEMBUAT MENU DROPDOWN BLOGGER YANG RESPONSIVE DENGAN BENAR

Beranda Berita Hubungi

Link 1 Link 2 Link 3

About ☰

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