Untuk para pemula, yang baru memulai ngeblog pastinya kesulitan untuk mengatur tampilan blog biasanya untuk blogger pemula akan menggunakan Template standart blogger untuk sementara sambil menunggu template responsive yang cocok dengan karater dan niche yang di gunakan.

Disini saya akan memberikan solusinya yaitu menggabungkan semua menu tersebut terus dimasukan ke dalam widget blogger di tata letak.

Adapun untuk memasang menu dropdown adalah

  1. Login terlebih dahulu ke Dashboard Blogspot.
  2. Masuk ke Menu Tata Letak atau Thema. Klik tambah Gadget

        3. Pilih HTML/JavaScript


        4. akan muncul menu Konfigurasi HTML/JavaScript


        5. Copy Paste kode dibawah ini, Ganti url ("#") 

<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js' type="text/javascript"></script>
<div id='cssmenu' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>
<ul>
   <li><a href='https://pojokgerdu.blogspot.com/' itemprop='url' title='Menu'><span itemprop='name'>Home</span></a></li>
   <li class='active'><a href='https://pojokgerdu.blogspot.com/search/label/Umum' itemprop='url' title='Umum'><span itemprop='name'>Umum </span></a>
   </li>
   <li><a href='' itemprop='url' title='Materi'><span itemprop='name'>Materi</span></a>
  <ul>
  <li><a href='//pojokgerdu.blogspot.com/search/label/Simdiq' itemprop='url' title='Simdiq'><span itemprop='name'>Simdiq</span></a></li>
  <li><a href='//pojokgerdu.blogspot.com/search/label/ Animasi 3D' itemprop='url' title=' Animasi 3D '><span itemprop='name'>Animasi 2D & 3D</span></a></li>
  <li><a href='//pojokgerdu.blogspot.com/search/label/Sistem Komputer' itemprop='url' title='Sistem Komputer'><span itemprop='name'>Sistem Komputer</span></a></li>
  <li><a href='//pojokgerdu.blogspot.com/search/label/Prakerin' itemprop='url' title='Prakerin'><span itemprop='name'>Prakerin</span></a></li>
  </ul>
</li>
   <li><a href='https://pojokgerdu.blogspot.com/p/me.html' itemprop='url' title='About'><span itemprop='name'>About</span></a></li>
</ul>
</div>
<script src='https://rawgit.com/mastamvan/backup/4menunav/black.js' type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="https://rawgit.com/mastamvan/backup/4menunav/black.css"/>

        6. Pasang hasilnya di atas atau di bawah head (terserah anda).