HTML atau JavaScript Menu untuk Blog

HTML/JavaScript merupakan suatu metode untuk mengimplementasikan konsep hypertext dalam suatu naskah atau dokumen. 

Dalam sebuah blog pasti memiliki menu - menu yang berderet di atas, tetapi ada yang bingung cara membuatnya, nah disini saya akan memberikan contoh HTML untuk menu pada blog saya sekaligus cara memasangnya.

• Pertama, login ke blogger
• Dari blogger dasbor kita ke tata letak
• Lalu klik di tambah gadget
• Cari HTML/JavaScript
• Lalu masukkan kode di bawah ini

<style> #tabs { font: bold 7.5pt Verdana; } #navcontainer { float:left; margin: 0; padding: 8px 0px; width:100%; background:#6fa8dc; font-size:93%; line-height:normal; } ul#navlist { margin: 0; padding: 0; list-style-type: none; white-space: nowrap; } ul#navlist li { float: left; font: bold 7.5pt Verdana; line-height: 14px; margin: 0; padding: 5px 0 5px 0; } #navlist a, #navlist a:link { margin: 0; padding: 10px; color: #fff; border: 4px solid #6fa8dc; text-decoration: none; } #navlist a:hover { color: #fff; border: 4px solid #fff; } </style> <div id="navcontainer"> <ul id="navlist"> <li><a href="#"><span>Link 1</span></a></li> <li><a href="#"><span>Link 2</span></a></li> <li><a href="#"><span>Link 3</span></a></li> <li><a href="#"><span>Link 4</span></a></li> <li><a href="#"><span>Link 5</span></a></li> <li><a href="#"><span>Link 6</span></a></li> <li><a href="#"><span>Link 7</span></a></li> </ul> </div>

• Kemudian simpan.

Kalian tinggal mengganti nama linknya dengan nama yang anda inginkan, dan tambahkan url pada #.

Terimakasih sudah berkunjung.