diantara menu yang keren untuk blogspot yaitu letak menu horisontal brow.. mari simak langka-langkahnya.
1. Silahkan copy dan paste kode berikut kedalam notepad++ atau editor yang serupa kemudian simpan dengan file index.html.
<div id="menu"><ul> <li><a href="#">home</a></li> <li><a href="#">profil</a></li> <li><a href="#">galeri</a></li> <li><a href="#">contack Us</a></li> <li><a href="#">about Us</a></li></ul></div> |
Dari scrip di atas akan coba saya jelaskan file yang ada didalam tag <head>—</head> adalah file yang digunakan untuk memanggil file css yang disitu dinamakan file css.css untuk nama file css.css ini bebas tergatung dari pembuatan sobat bisa menggunakan filecss.css ataupun nama yang lainnya.
Sedangkan untuk file yang di buka dengan tag <div id=”menu”> merupakan file yang akan digunakan untuk membuat menu tersebut.
Selanjutnya coba perhatikan
silahkan copy scrip berikut di notepad++ dan simpan denagn nama css.css
#menu{background:none;width:940px;color: white;margin: 0px auto;} |
masih terlihat kurang bagus maka kita tambahkan lagi file css berikut
#menu ul{background: black;width: 940x;padding: 10px;}#menu li{width: 940x;padding: 10px;display: inline;}#menu a{color: white;text-decoration: none;}#menu a:hover{text-decoration: underline;} |
selamat mencoba semoga tidak berhasil he..he...he...
artikel anda harus menarik biar google senang dengan blog kita
No comments:
Post a Comment