Membuat Menu Dropdown Untuk Diri Sendiri


Mohon tidak mencoba tutorial ini karena sifatnya untuk Dokumentasi pribadi

Pastekan Kode Berikut di atas ]]></b:skin>

#nav{background-color:#eee;text-decoration:none;font-size:12px;font-weight:700;text-transform:uppercase;text-shadow:0 1px 1px #fff;color:#666;border-right:0 solid #666;padding:9px 10px 8px}#nav ul,#nav li{margin:0;padding:0;list-style:none}#nav ul{height:30px}#nav li{float:left;display:inline;position:relative}#nav a{display:block;line-height:28px;padding:0 14px;text-decoration:none;color:#252525}#nav li:hover>a,#nav li a:hover{background-color:#eee}#nav input{display:none;margin:0;padding:0;width:80px;height:30px;opacity:0;cursor:pointer}#nav label{display:none;font-size:300%;width:30px;height:30px;line-height:30px;text-align:center}#nav label span{font:normal bold 12px Arial,Sans-Serif;color:gray;border-top:1px solid #c4c4c4;border-bottom:0 solid #c4c4c4;height:20px}#nav ul.subx{height:auto;overflow:hidden;width:180px;background-color:#eee;position:absolute;z-index:99;display:none;border:1px solid #c4c4c4;border-top:0}#nav ul.subx li{display:block;width:100%}#nav li:hover ul.subx{display:block}#nav a.dgnsub{padding:0 20px 0 14px}#nav a.dgnsub::after{content:"";width:0;height:0;border-width:5px 4px;border-style:solid;border-color:#383737 transparent transparent transparent;position:absolute;top:12px;right:7px}


Pastekan kode berikut di bawah kode </header>

<nav id='nav'>
<input type='checkbox'/>
<label>&#8801;<span>Menu</span></label>
<ul>
<li><a href='http://risalahatiku46.blogspot.com'>Home</a></li>
<li><a href='http://risalahatiku46.blogspot.com/2012/03/daftar-isi-2.html'>Sitemap</a></li>
<li><a class='dgnsub' href='http://feeds.feedburner.com/Risalahati' target='_blank'>RSS</a>
<ul class='subx'>
<li><a href='http://risalahatiku46.blogspot.com/?m=1' target='_blank'>Mobile Version</a></li>
</ul>
</li>
<li><a href='https://www.facebook.com/Risalahatiku' target='_blank'>Fans page</a></li>
<li><a href='http://risalahatiku46.blogspot.com/2013/01/paling-aneh.html'>Paling Aneh</a></li>
<li><a class='dgnsub' href='http://risalahatiku46.blogspot.com/2013/01/pengetahuan-dunia.html'>Pengetahuan</a>
<ul class='subx'>
<li><a href='http://risalahatiku46.blogspot.com/2013/01/arkeologi.html'>Arkeologi</a></li>
<li><a href='http://risalahatiku46.blogspot.com/2013/01/sejarah-paling-unik.html'>Sejarah</a></li>
<li><a href='http://risalahatiku46.blogspot.com/2012/12/misteri.html'>Misteri</a></li>
<li><a href='http://risalahatiku46.blogspot.com/2013/01/foto-unik.html'>Foto Unik</a></li>
<li><a href='http://risalahatiku46.blogspot.com/2013/01/ensiklopedia-dunia.html'>Ensiklopedia</a></li>
<li><a href='http://risalahatiku46.blogspot.com/2013/01/paling-seru-di-dunia.html'>Paling Seru</a></li>
<li><a href='http://risalahatiku46.blogspot.com/2013/01/dunia-dalam-berita.html'>Dunia Dalam Berita</a></li>
<li><a href='http://risalahatiku46.blogspot.com/2013/01/hot-pics.html'>Budaya</a></li>
<li><a href='http://risalahatiku46.blogspot.com/2012/12/10-teraneh-dan-unik.html'>10 teraneh</a></li>
<li><a href='http://risalahatiku46.blogspot.com/2013/01/teraneh-dan-unik.html'>Unik Aneh</a></li>
<li><a href='http://risalahatiku46.blogspot.com/2013/01/fakta-unik.html'>Fakta Unik</a></li>
<li><a href='http://risalahatiku46.blogspot.com/2012/04/serba-serbi.html'>Serba Serbi</a></li>
<li><a href='http://risalahatiku46.blogspot.com/2012/04/taukah-kamu.html'>Taukah Kamu</a></li>
<li><a href='http://risalahatiku46.blogspot.com/2012/04/kisah.html'>Motivasi</a></li>
</ul>
</li>
<li><a href='http://risalahatiku46.blogspot.com/2013/01/dokumentasi-tutorial-blogger.html'>Tutorial</a></li>
<li><a class='dgnsub' href='http://risalahatiku46.blogspot.com/2013/01/aneka-tips-menarik.html'>Aneka Tips</a>
<ul class='subx'>
<li><a href='http://risalahatiku46.blogspot.com/2012/04/biografi.html'>biografi</a></li>
<li><a href='http://risalahatiku46.blogspot.com/2013/01/cerita-motivasi.html'>Kisah Motivasi</a></li>
<li><a href='http://risalahatiku46.blogspot.com/2013/02/indonesia-info-kumpulan-berita-nasional.html'>Indonesian Info</a></li>
<li><a href='http://risalahatiku46.blogspot.com/2013/01/celebrities.html'>Celebrities</a></li>
<li><a href='http://risalahatiku46.blogspot.com/2012/03/decode.html'>decode</a></li>
<li><a href='http://risalahatiku46.blogspot.com/2012/04/kode-warna.html'>Kode Warna</a></li>
</ul>
</li>
<li><a href='http://www.Blogger.com/follow-blog.g?blogID=6562266008797689730' onclick='window.open(this.href,&apos;dmfollow&apos;,&apos;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=no,width=599,height=521&apos;);return false' style='text-align:center;font-weight:bold;text,decoration:none' title='Join this site / follow'>Follow Blog</a></li>
<li><a href='http://risalahatiku46.blogspot.com/2012/03/risalahati-notes_27.html'>My Notes</a></li>
</ul>
</nav>

Membuat Menu Dropdown Untuk Diri Sendiri
Posted by: Risalahati Dedic Ahmad Updated at: 21:08
Membuat Menu Dropdown Untuk Diri Sendiri RISALAHATI , By Risalahati, Published: 2013-02-05T21:08:00+07:00, Title: Membuat Menu Dropdown Untuk Diri Sendiri, Rating5 of 8765432 reviews

No comments:

Post a Comment