Sabtu, 27 September 2014

Cara Membuat DropDown Menu Dibawah Header Pada Template Blog

Cara Membuat DropDown Menu Dibawah Header Pada Template Blog - Setelah sebelumnya kita belajar membuat Sidebar dan Header. Maka sekarang kita akan belajar membuat DropDown. DropDown yang akan kita buat nantinya akan berada tepat dibawah header.

Cara Membuat DropDown Menu Dibawah Header Pada Template Blog

Cara membuatnya cukup mudah dari tutorial-tutorial sebelumnya. Untuk membuatnya cukup menambahkan CSS dan HTMLnya saja.

Cara Membuat Dropdown :

Taruh CSS dibawah ini diatas ]]</b:skin>
nav {text-transform:uppercase;position:relative;font:bold 12px Arial,Sans-Serif;}
nav * {margin:0 0 0 0;padding:0 0 0 0;list-style:none;}
nav ul {overflow: hidden;float:left;background:#1BC7A5;margin: 5px 0;width: 100%;}
nav li {float:left;display:inline;}
nav li a {padding:3px 15px;line-height:40px;color:#fff !important;display:block;text-decoration:none;}
nav li ul{margin:0px;display:block;width:170px;position:absolute;left:auto;z-index:10;visibility:hidden;opacity:0;height:auto;transition:all 0.26s ease-out 0.2s;}
nav li li {display:block;float:none;width:100%;}
nav li:hover > ul {visibility:visible;width:200px;opacity:1;}nav li li ul {left:200px;margin-top:-40px;}
nav li.sub > a {position:relative;padding-right:30px;}
nav li.sub > a:after {content:"";width:0px;height:0px;border-width:4px;border-style:solid;border-color:#eee transparent transparent transparent;position:absolute;top:20px;right:10px;}
nav li.sub li.sub > a:after {content:"";width:0px;height:0px;border-width:4px;border-style:solid;border-color:transparent transparent transparent #eee;position:absolute;top:16px;right:10px;}
nav li li:hover{background:rgba(0, 0, 0, 0.16);}

Dan letakkan HTML dibawah ini tepat dibawah </header>
<nav>
<ul>
<li><a href='/'>Beranda</a></li>
<li class='sub'><a href='/search/label/Blog'>Template</a><ul>
<li><a href='/search/label/CSS3'>CSS3</a></li>
<li><a href='/search/label/HTML5'>HTML5</a></li>
<li><a href='/search/label/Responsive'>Responsive</a></li>
<li><a href='/search/label/SEO'>SEO</a></li>
</ul>
</li>
</ul>
</nav>

Atur tulisan berwarna merah dengan link tujuan dan yang berwarna hijau dengan Tulisan yang akan ditampilkan. Jika sudah, silakan Simpan Template dan lihat hasilnya. Selamat mencoba.

Artikel Sebelumnya :
- Cara Membuat Header
- Cara Membuat Sidebar
- Cara Membuat Template Blogger

Artikel Selanjutnya :
- Cara Membuat Footer


Source : http://www.noval.web.id/2014/01/cara-membuat-dropdown-menu-di-bawah.html

Artikel Terkait

Cara Membuat DropDown Menu Dibawah Header Pada Template Blog
4/ 5
Oleh

1 komentar:

26 Agustus 2016 07.35 delete

para bokepers wajib nonton disini sist:

http://goo.gl/6U5MFk ---> Pria Spesialis Sedot WC Wanita Cuantik

http://goo.gl/FYsStC ---> Ko' Bisa Memek Diacak-acak ya?

http://goo.gl/oGKjeI ---> Hotel Ajang Silaturahmi Beda Kelamin

http://goo.gl/OpI8oW ---> Kontol Extrem Vs Meme Extrem

http://goo.gl/kjudGq ---> KONTOLNYA NYEMPIL DI NENENKU

http://goo.gl/S37Wrl ---> PIDIO NGEWE' GADIS BANDUNG

http://goo.gl/k489co ---> PIDIO SMU 44 JAKARTA

http://goo.gl/3zspkc ---> SPG BERSERAGAM DITRAINING NYEPONG

http://goo.gl/6tW8SF ---> BARU MASUK DAH CROTTT DULUAN!!!

http://goo.gl/P2H5O1 ---> SPG BANDUNG SERVICE PELANGGAN

http://goo.gl/D1LTCS ---> SPG PUTIH CANTIK MEREM MELEKK

http://goo.gl/cXMe66 ---> JILBAB PUTIH NGENTOT

http://goo.gl/aKTcjh ---> GADIS BERKERUDUNG NGEWE'

http://goo.gl/UCbT9G ---> GAIRAH DOKTER MONTOK

http://goo.gl/k49bqx ---> NGENTOT GADIS BERJILBAB

http://goo.gl/GQZoqP ---> GOYANGAN GADIS SMP

http://goo.gl/1XA0iJ ---> NGINTIP TANTEKU LAGI ASYIIKK COLICOLI

http://goo.gl/a0lCmR ---> BOKEP ANAK PESANTREN

http://goo.gl/WdUMIq ---> ASYIKKNYA NGEWE DI SOFA BARU

http://goo.gl/rRZO1B ---> GOYANGAN JANDA MUDA MONTOKKK BANGETTT...

http://goo.gl/gmXcaG ---> NGENTOT DIATAS RANJANG LOSMEN


koleksi bokep ane paling TERBARU gan siap disedot sist:

http://goo.gl/iPXvxM ---> GARA2 SKRIPSI PERAWANKU HILANG

http://goo.gl/hrabN8 ---> MAHASISWI ADUHAI MANTAP DI RANJANG

http://goo.gl/B4FDKc ---> NGEWE DI MOBIL TEMAN

http://goo.gl/yQoZGK ---> NGENTOT GRATIS SERVIS IBU KOST

http://goo.gl/qQZ333 ---> JILAT MEKI LULU SAMPE BASAH

http://goo.gl/uR9Vk6 ---> GOYANGAN BOHAIII...GADIS BERJILBAB

http://goo.gl/rk7u4S ---> MEKI MERAHHHH MEREKAHH BIKIN NAFSU

http://goo.gl/g1Nxq4 ---> TUKANG OJEK NGEWE PENUMPANG CEWE RAME2

http://goo.gl/quwzUR ---> DESAHAN MESRA DEWI PACARKU

http://goo.gl/OzlRua ---> GAYANYA BIKIN KONAK TERUSSS..

http://goo.gl/1BdqzW ---> LOMBA NGEWE DI APARTEMEN BARU

http://goo.gl/w9Oepq ---> BOKEP 2 PASANGAN NGEWE DI PANTAI

http://goo.gl/1SU6fJ ---> SISKA KETAGIHAN NGEWE

http://goo.gl/yytMLo ----> Konti Pria Idaman Wanita

























































































































































































































ini linknya my bro and sist...
jgan lupa ya.. lsg ke bawah ini

http://goo.gl/yytMLo ---> bikin NGACENK loe pade

Reply
avatar

Mohon masukkan saran / kritikan Anda. Atau tanyakan sesuatu yang tidak Anda pahami. Free promosi asal sopan.