CARA MENAMBAHKAN MENU DROP DOWN KEREN DI BLOG

KEPENGEN MEMBUAT MENU DROPDOWN KEREN DI BLOG

[CarAnya mUdaH KoOk]

LANGKAH - LANGKAH SEBAGAI BERIKUT

1. Masuk di tab menu Tamplate di dasbor blog anda

Template

 2. Pilih Edit HTML

Edit HTML

3. CTRL+F ketikkan  

...

4. Setelah Ketemu Copy Paste script dibawah ini dan letakkan tepat diatas

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:RED;margin: 5px 0;width: 100%;}nav li {float:left;display:inline;}nav li a {padding:3px 15px;line-height:40px;color:balck !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);}

Penempatan Script

 5. Langkah selanjutnaya tambah widget yang posisinya di header

Tambah Widget

 6. Ketik Kode Script di halaman konten seperti yang ada di gambar  dan  Simpan

Copy Paste Kode Script 

7. Lihat Hasilnya.

Menu Berhasil Dibuat

SEKIAN CARA MENAMBAHKAN MENU DROPDOWN KEREN DIBLOG

BACA JUGA

[CARA MENGHILANGKAN NAVBAR BLOG]