Cara Membuat Drop Down Menu

Sabtu, 14 Mei 2011

Cara Membuat Drop Down Menu

1.Buka rancangan(blogspot)>>edit html>>Coppy dan pastekan kode di bawah ini dan taruh persis di atasnya kode </head> tag.

<style type='text/css'>
#catmenucontainer{
height:29px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEkVvsFc0pqQWvpfcgySWBUXEGIUHGW3IRNq6hR8Z1dpL-Y01vPeo1FNwFTnn7WH8ojU3NLiCUM563n4iwpmyqzRLlhiuQOlMTcIrgejGxaQTaA6Ob0RWbaZ2pQFDNMq4P5tnCuRSfX_xO/) repeat-x;
display:block;
padding:0px 0 0px 0px;
font: 14px "Century gothic",verdana, Arial, sans-serif;
font-weight:normal;
border-top:1px solid #686D6F;
}

#catmenu ,#catmenu ul {
margin: 0px 5px;
padding: 0px;
list-style: none;
height:29px;
}

#catmenu a {
color: #999;
display: block;
font-weight: normal;
padding: 4px 10px 6px 10px;
}

#catmenu a:hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6ROznQ2f_v8sJhdvoTTJxCCrtyggHlE7bFI1lkoxDQx2_10CtfaB6AvepZRVQ4MzofElN1cm9yfxgpurFsAyXaHJcJCjErOvsttM1cUUiiyHYBUgoKySWoC2qWjZcF2cdII2GXKwTczd6/) repeat-x;
color: #fff;
display: block;
text-decoration: none;
}

#catmenu li {
float: left;
margin: 0px;
padding: 0px;
}

#catmenu li li {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px;
width: 130px;
}

#catmenu li li a, #catmenu li li a:link, #catmenu li li a:visited {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEkVvsFc0pqQWvpfcgySWBUXEGIUHGW3IRNq6hR8Z1dpL-Y01vPeo1FNwFTnn7WH8ojU3NLiCUM563n4iwpmyqzRLlhiuQOlMTcIrgejGxaQTaA6Ob0RWbaZ2pQFDNMq4P5tnCuRSfX_xO/) repeat-x;
width: 150px;
float: none;
margin: 0px;
padding: 4px 10px 5px 10px;
color:#E8EBEE;
border-bottom:1px solid #2C3133;
}

#catmenu li li a:hover, #catmenu li li a:active {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6ROznQ2f_v8sJhdvoTTJxCCrtyggHlE7bFI1lkoxDQx2_10CtfaB6AvepZRVQ4MzofElN1cm9yfxgpurFsAyXaHJcJCjErOvsttM1cUUiiyHYBUgoKySWoC2qWjZcF2cdII2GXKwTczd6/) repeat-x;
width: 150px;
float: none;
margin: 0px;
padding: 4px 10px 5px 10px;
color:#fff;
border-bottom:1px solid #2C3133;
}

#catmenu li ul {
position: absolute;
width: 10em;
left: -999em;
z-index:1;
}

#catmenu li:hover ul {
left: auto;
display: block;
}

#catmenu li:hover ul, #catmenu li.sfhover ul {
left: auto;
}
</style>

2.Copy dan Paste kode di bawah ini di gadget(html/javascipt)

<ul>

</ul>

</li>

</ul>

</li>

</ul>

</li>

semoga bermanfaat..

	Link Popularity Checker Check the number of links pointing to the website of your choice.
	Link Suggestion Generator Generate links that relate to the keyword/topic of your choosing.
	No-Follow Finder Scan a website to find no-follow links to various other sites.
	Reciprocal Link Checker Check multiple sites to see if they are really linking back to you.
	Link Analyzer Analyze incoming and outgoing links.
	Backlink Checker View the number of backlinks a site has listed.
	Valid Link Checker Use this tool to check for broken links on a website.

Sabtu, 14 Mei 2011

Cara Membuat Drop Down Menu

Artikel Terkait:

Tidak ada komentar:

Posting Komentar

	Automated Directory Submitter Submits your website to 23 of the top web directories.
	Automated Search Engine Submitter Submits your website to 19 of the top search engines.