Membuat Menu Horizontal Keren

Malam yang panas kipas lagi rusak tidur gak bisa, wkwkwkwkwkwkwkwkwkwk,... Itukan derita loh. Kita cerita dulu Ok, kemarin saya pernah diajarkan oleh dosen saya membuat web dengan menggunakan CSS setelah saya tes di blog ternya bisa membuat menu dengan menggunakan CSS. Ok sekarang kita membuat menu horizontal diblogger dengan menggunakan CSS silakan lihat contoh dibawah ini:



Begini cara2xnya :
1. Login dulu ke blogger kalian
2. Klik Rancangan --> Edit HTML
3. Kasih Conteng di Expand Template Widget (bilah terjadi kesalahan)
4. Tekan Ctrl+F Copy kode ini ]]></b:skin> letakan di Find tekan Enter
5. Setelah ketemu Copy code di bawah ini, letakan di atas ]]></b:skin>

#navlist ul{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited{
color: #006600;
background-color: #000000;
text-decoration: none;
border: 1px solid #006600;
}

#navlist a:hover{
color: #000000;
background-color: #006600;
}

6. Simpan Template
7. Setelah itu klik Elemen Laman --> Tambah Gadget --> HTML/JavaScrip
8. Copy code di bawah ini dan letakan di dalamnya

<div id="menu_keren">
<ul id="navlist">
<li><a href="#">Home</a></li>
<li><a href="#">Galery</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contack Us</a></li>
<li><a href="#">Request</a></li>
</ul>
</div>

9. Yang tanda "#" ganti dengan URL anda
10. Simpan Template dan lihat hasilnya

Selamat beraktifitas dan berkarya ?...