Cara Membuat Menu Dropdown Hanya Html dan Css Mudah

Kemungkinan tutorial tentang membuat menu navigasi di dalam tema/template blog sudah banyak dibahas,tetapi saya ingin memberikan tutorial tentang membuat menu di blog ataupun web

Tetapi sebelumnya saya akan memberikan penjelasan tentang menu itu sedikit saja

Tentang menu navigasi blog

Menu merupakan sebuah navigasi berupa link yang akan mengarah ke halaman tertentu untuk memudahkan pembaca mencari informasi seperti tentang pengarang,kontak pengarang,privasi ataupun hal lain yang dianggap penting

Seperti di atas itulah tentang menu,sekarang saya akan membagikan tulisan tentang cara membuat menu tersebut

Membuat menu dalam blog yang akan ditulis disini adalah membuat menu dengan html dan css saja

Silahkan sisipkan daftar html dibawah dibagian header blog Anda sesudah ataupun sebelumnya namun jika di blogspot Anda bisa mengandalkan widget html/javascript untuk mudahkan

<div class="wrap" id="waw"> <ul> <li class="me">Menu </li> <li><a href="#">Tes1 </a></li> <li><a href="#">Tes2 </a></li> <li><a href="#">Tes3 </a></li> <li><a href="#">Tes4 </a></li> <li><a href="#">Tes5 </a></li> </ul> </div>

Selanjutnya silahkan sisipkan css dibawah antara kode <style> dan </style>

.wrap {width:100%;max-width:1000px} .wrap ul {background:black;padding:5px 7px;margin:0 25px;list-style-position:inside;color:white} .wrap ul li {display:none;border-bottom:1px solid white} .wrap ul:hover li {display:block;padding:7px} .wrap ul:hover li:hover ul {display:none} .wrap ul li a {color:red;font-size:inherit;text-decoration:none} .wrap ul .me {display:block;text-align:center;border:none}

Akhir Tulisan

Itulah cara membuat menu dengan css dan html,mohon maaf atas kekurangannya

Salam