---------------------------------
+++++++++++++++++++ Kode
<style type="text/css">
#NavbarMenu { background: cyan; width: 400px; height: 15px; font-size: 14px; font-family: Trebuchet MS, Tahoma, Verdana; color: #black; margin: 0px; padding: 0px; }
#NavbarMenuleft { width: 400px; 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
{ background: #222222; height: 15px; color: #fff; display: block; font-size: 11px; font-family: trebuchet ms, ; text-transform: none; text-decoration: none; margin: 0; padding-top:6px; padding-bottom:5px; padding-left:13px; padding-right:13px; border-right: 1px solid #000; }
#nav li a:hover, #nav li a:active {background: #222222; color: #ffffff; margin: 0; padding-top:6px; padding-bottom:5px; padding-left:13px; padding-right:13px; text-decoration: none; }
#nav li li a, #nav li li a:link, #nav li li a:visited { background: #ffffff; width: 150px; color: #222222; font-size: 11px; font-family: trebuchet ms,; font-weight: normal; text-transform: none; float: none; margin: 0; padding: 7px 10px; border: 1px solid #000; }
#nav li li a:hover, #nav li li a:active { background: #222222; 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; }
</style>
<div class='menuhorisontal'>
<ul id='nav'>
<li><a href='http://tulis_alamat_url_tujuan'>Awal</a> <li>
<li><a href='http://none'>Download</a>
<ul>
<li><a href='http://masanet.blogspot.com'target=blank'>Ganti Sesuai Keinginan</a> </li>
<li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
<li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
<li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
<li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
<li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
<li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
<li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
<li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
<li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
<li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
</ul> </li>
<li><a href='http://none'>Download 2</a>
<ul>
<li><a href='http://masanet.blogspot.com'target=blank'>Ganti Sesuai Keinginan</a> </li>
<li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
<li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
</ul></li>
<li><a href='http://none'>Download 3</a>
<ul>
<li><a href='http://masanet.blogspot.com'target=blank'>Ganti Sesuai Keinginan</a> </li>
<li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
<li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
</ul></li>
<li><a href='http://none'>Musik</a>
<ul>
<li><a href='http://masanet.blogspot.com'target=blank'>Ganti Sesuai Keinginan</a> </li>
<li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
<li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
</ul></li>
<li><a href='http://none'>Free</a>
<ul>
<li><a href='http://masanet.blogspot.com'target=blank'>Ganti Sesuai Keinginan</a> </li>
<li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
<li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
<li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
<li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
<li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
<li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
<li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
<li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
<li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
<li><a href='http://tulis_alamat_url_tujuan'>Ganti Sesuai Keinginan</a> </li>
</ul> </li>
</li></li></ul>
</div>
---------------------------------
Membuat Menu Drop Down
----------------------------------------------
__________________________________________
+++++++++++++++++++ Kode
<marquee>Selamat Datang di Weblog Kami</marquee>
<select name="menu" onchange="window.open(this.options
[this.selectedIndex].value,'_blank')"size=1 name=menu>
<option value="0" selected />.: Bandung Link :.
<option value="”http://www.bandung.go.id/”" />Web Resmi Pemkot Bandung
<option value="”http://gerbang.jabar.go.id”" />Kabupaten Bandung
<option value="”http://www.asiatravel.com/bandinfo.html”" />Travel Information</select>
<br />__________________________________________
<br />
<style>
.list {
background: url("http://i977.photobucket.com/albums/ae258/SPN_photo/iconbullet.gif") no-repeat left center;border-bottom:1px dotted #ddd;line-height:1.2em;padding:3px 0px 0px 20px;
}
</style>
<div style="overflow:auto; padding:3px; margin:0px 0px 0px 0px; width:300px; height:180px; background-color: #ffffff; border:1px solid #ffffff;">
<div class="list">
<a href="http://www.serba-tersedia.co.cc/2010/05/cara-menampilkan-kotak-komentar-di.html">Cara Menampilkan Kotak Komentar di Bawah Postingan Blog</a></div>
<div class="list">
<a href="http://www.serba-tersedia.co.cc/2010/05/cara-membuat-teks-berjalan-atau-efek.html">Cara Membuat Teks Berjalan Atau Efek Marquee</a></div>
<div class="list">
<a href="http://www.serba-tersedia.co.cc/2010/05/cara-membuat-teks-berjalan-di-menu-bar.html">Cara Membuat Teks Berjalan di Menu Bar</a></div>
<div class="list">
<a href="http://www.serba-tersedia.co.cc/2010/05/cara-mudah-membuat-menu-navigasi-pada.html">Cara Mudah Membuat Menu Navigasi pada Blogspot</a></div>
<div class="list">
<a href="http://www.serba-tersedia.co.cc/2010/05/menampilkan-huruf-besar-pada-awal.html">Menampilkan Huruf Besar Pada Awal Posting</a></div>
<div class="list">
<a href="http://www.serba-tersedia.co.cc/2010/05/cara-membagi-postingan-menjadi-2-dua.html">Cara Membagi Postingan Menjadi 2 (dua) Kolom</a></div>
<div class="list">
<a href="http://www.serba-tersedia.co.cc/2010/05/cara-menampilkan-kode-html.html">Cara Menampilkan Kode HTML</a></div>
<div class="list">
<a href="http://www.serba-tersedia.co.cc/2010/05/cara-membuat-page-number-navigasi.html">Cara Membuat Page Number-Navigasi Halaman</a></div>
<div class="list">
<a href="http://www.serba-tersedia.co.cc/2010/05/daftar-social-bookmark-indonesia.html">Daftar Social Bookmark Indonesia</a></div>
<div class="list">
<a href="http://www.serba-tersedia.co.cc/2010/05/cara-setting-blog-menjadi-dofollow_21.html">Cara Setting Blog Menjadi Dofollow</a></div>
<div class="list">
<a href="http://www.serba-tersedia.co.cc/2010/05/cara-cepat-dan-benar-memasang-iklan.html">Cara Cepat dan Benar Memasang Iklan</a></div>
<div class="list">
<a href="http://www.serba-tersedia.co.cc/2010/05/pasang-iklan-cara-meningkatkan.html">Pasang Iklan Cara Meningkatkan Pengunjung</a></div>
<div class="list">
<a href="http://www.serba-tersedia.co.cc/2010/05/cara-membuat-blog-di-multiply.html">Cara Membuat Blog di Multiply</a></div>
<div class="list">
<a href=" http://www.serba-tersedia.co.cc/2010/05/panduan-membuat-blog.html">Panduan Membuat Blog</a></div>
<div class="list">
<a href="http://www.serba-tersedia.co.cc/2010/04/cara-mengetahui-pengunjung-yang-online.html"> Cara Mengetahui Pengunjung Yang Online</a></div>
<div class="list">
<a href="http://www.serba-tersedia.co.cc/2010/04/cara-mengganti-header-blog-versi-2.html"> Cara Mengganti Header Blog Versi 2</a></div>
<div class="list">
<a href="http://www.serba-tersedia.co.cc/2010/04/cara-meningkatkan-traffic-situs-dan.html"> Cara Meningkatkan Trafic Situs dan Blog</a></div>
<div class="list">
<a href="http://www.serba-tersedia.co.cc/2010/03/cara-memperpendek-alamat-blog-dengan.html"> Cara Memperpendek Alamat Blog Dengan Domain Gratis</a></div>
<div class="list">
<a href="http://www.serba-tersedia.co.cc/2010/03/cara-membuat-email-di-google-lengkap.html">Cara Membuat Email</a></div>
<div class="list">
<a href="http://serba-tersedia.blogspot.com/2010/03/cara-membuat-kotak-text-area.html">Cara Membuat Kotak Text Area</a></div>
<div class="list">
<a href="http://serba-tersedia.blogspot.com/2010/03/menyembunyikan-title-dan-description.html">Cara Menyembunyikan Title dan Description pada Blogspot</a></div>
<div class="list">
<a href="http://serba-tersedia.blogspot.com/2010/03/cara-mengganti-header-blog-pada-blogger.html">Cara Mengganti Header Blog</a></div>
<div class="list">
<a href="http://serba-tersedia.blogspot.com/2010/03/cara-membuat-artikel-terkait-related.html">Cara Membuat Artikel Terkait (Related Post) pada Blogspot</a></div>
<div class="list">
<a href="http://serba-tersedia.blogspot.com/2010/03/cara-pasang-readmore-otomatis.html">Cara Pasang Read More Otomatis</a></div>
<div class="list">
<a href="http://serba-tersedia.blogspot.com/2010/03/cara-sembunyikan-navbar-blogger.html">Cara Sembunyikan NavBar Blogger</a></div></div>
<br /><br />
-----------------------------------
Masanet for We
No comments:
Post a Comment