HTML source code dropdown menu
Share
2 Copy HTML code dibawah
/* ----- dropdown NAVBAR MENU ----- */
#NavbarMenu {
width: 880px;
height: 35px;
background:#527F76 url() repeat-x top;
color: #FFFFFF
margin: 0 auto 0;
padding: 0;
font: bold 10px Arial, Tahoma, Verdana;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
}
#NavbarMenuleft {
width: 680px;
float: left;
margin: 0;
padding: 0;
}
#nav {
margin: 0;
padding: 0;
}
#nav ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#nav li {
list-style: none;
margin: 0;
padding: 0;
}
#nav li a, #nav li a:link, #nav li a:visited {
color: #FFFFFF;
display: block;
text-transform: capitalize;
margin: 0;
padding: 9px 15px 8px;
font: normal 15px Georgia, Times New Roman;
}
#nav li a:hover, #nav li a:active {
background:#527F76;
color: #ffffff;
margin: 0;
padding: 9px 15px 8px;
text-decoration: none;
}
#nav li li a, #nav li li a:link, #nav li li a:visited {
background: #527F76 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpOM6U4UOTbCTtNdTX18cEmtpc3a_IQQJ8vparZaAa3dqSvRZEcqu-gjL6eJXyIoD334oqHkKGUzb9PoRJ5-SNYZXt9QO5jltVcjmKenzMXjKurq1gXJrRHLhBrZwYLGbHuZC1Wz7kOcI5/s800/navbar.gif) repeat-x top;
width: 150px;
color: #000;
text-transform: lowercase;
float: none;
margin: 0;
padding: 7px 10px;
/* --------------------YG BERI WARNA BAR--------------------------- */
border-bottom: 1px solid #FFFFFF;
border-left: 1px solid #527F76;
border-right: 1px solid #527F76;
font: normal 14px Georgia, Times New Roman;
}
#nav li li a:hover, #nav li li a:active {
background: #527F76;
color: #FFFFFF;
padding: 7px 10px;
}
#nav li {
float: left;
padding: 0;
}
#nav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin: 0;
padding: 0;
}
#nav li ul a {
width: 140px;
}
#nav li ul ul {
margin: -32px 0 0 171px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}
#nav li:hover, #nav li.sfhover {
position: static;
}
3 Pastekan HTML code tadi sebelum /* Content of ---------------------------------------------- */ atau #content
4 Fikirkan dimanakah anda mahu meletakkan dropdown menu, pada blog saya saya ingin meletakkan dropdown menu diatas daripada google ads. (anda boleh cuba ditempat lain contohnya diatas sebelum posting atau lain-lain tempat pada blog anda)
5 Untuk itu saya cari
memandangkan
adalah sesuai untuk saya meletakkan drop down menu
mestilah berakhir dengan
maka selepas 6 HTML code div id untuk header adalah seperti dibawah
(ada lagi html source code disini -abaikan)
(Pastekan HTML code dibawah html code ini )7 Copy semua HTML source code dibawah dan pastekan selepas sebagaimana diatas
8 Ini adalah html source code untuk blog saya jika anda tidak menyukainya anda boleh cipta sendiri dengan menggunakan apa-apa aplikasi HTML Editor tapi kalau anda indin mencuba yang freeware portable HTML Editor anda boleh mencuba kompozer portable. Kompozer portable HTML Editor boleh didapati di web pembuatnya portableapps untuk digunakan
9 selamat mencuba untuk create dropdown simple menu for SEO
anda mungkin ingin melihat bagaimana drop down menu yang terhasil
Labels: Add Navigate Bar on blogger templates, HTML source code dropdown menu
0 Comments for blog template :
Post a Comment
blog template: HTML source code dropdown menu