ini

LIHAT INI JUGA YA

COBA DISINI

KLik ya..

MELAYANG





» » Cara Buat Dropdown Menu di Blog

Cara Buat Dropdown Menu di Blog

, copy kode dibawah ini dan letakkan tepat diatas kode ]]>.
1234567891011121314151617181920 
#menuwrapperpic{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWNgVg3oFhGr8IJDPHHp92nDt9T0oW23zPWmS0bZKdItexptb1G8cCLmGuwUOUj55SjWwywsaJ2L_P9pmj80r7vnRiLNQwRX7lbZ_I4YCbLFkxMT8pkuFw7PSpOMYY_DWD19WD8St-iIQ/s1600/menu1.PNG) repeat-x top;width:980px;margin:0 auto;padding:0 auto;}
#menuwrapper{width:980px;height:35px;margin:0 auto}
.clearit{clear:both;height:0;line-height:0.0;font-size:0}
#menubar{width:100%}
#menubar,#menubar ul{list-style:none;font-family:Arial, serif;margin:0;padding:0}
#menubar a{display:block;text-decoration:none;font:bold 12px Arial;text-transform:none;color:#fff;padding:6px 10px 6px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2Z0sB2yH3BGrrha6ju2eKhRyREXYNgwLc_YPWxGRdKTbTLds0EKugVZSFJaiSGxawnfmTt2ZZ9px6OumnzGnZ8SM1yPxx07UGG64mNUIGRgIEJlMLRUziRUV9t-2CZnbNgSs-8S3x96kC/s1600/nav.png) repeat-x;margin:8px 0 8px 5px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:1px solid #555;text-shadow: 0 1px 1px #0e3d68;}
#menubar a:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiInVml3rZ91yD8XNSNGGF_pu1tb_kWtFbfMgX6R1lCWtRIycJtBBAxIHQr89ZYxDjLFZjJ6X4kvEqNcJMt8OWZaZpN0b5DGxgfTpy89RdSgR6CIk9ri0qsa9097Id6hRtLnUDQwIQG-oQ/s1600/nav.png) repeat-x}
#menubar li{float:left;position:static;width:auto}
#menubar li ul,#menubar ul li{width:170px}
#menubar ul li a{text-align:left;color:#fff;font-size:12px;font-weight:400;text-transform:none;font-family:Arial;border:none;padding:5px 10px}
#menubar li ul{z-index:100;position:absolute;display:none;background:#222;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.6);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.6)}
#menubar li:hover a,#menubar a:active,#menubar a:focus,#menubar li.hvr a{color:#80C8FE}
#menubar li:hover ul,#menubar li.hvr ul{display:block}
#menubar li:hover ul a,#menubar li.hvr ul a{color:#fff;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWNgVg3oFhGr8IJDPHHp92nDt9T0oW23zPWmS0bZKdItexptb1G8cCLmGuwUOUj55SjWwywsaJ2L_P9pmj80r7vnRiLNQwRX7lbZ_I4YCbLFkxMT8pkuFw7PSpOMYY_DWD19WD8St-iIQ/s1600/menu1.PNG);text-decoration:none;margin:0;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border:0px solid #04498a}
#menubar li ul li.hr{border-bottom:1px solid #fff;border-top:1px solid #000;display:block;font-size:1px;height:0;line-height:0}
#menubar ul a:hover{background-color:#555!important;color:#80C8FE!important;text-decoration:none}

Sekarang Cari Kode  lalu letakan kode di bawah tepat di bawahnya

12345678910111213141516171819202122232425262728293031323334353637383940414243
Perhatian!
Jika Kode  tidak ketemu carilah kode yang mirip atau memiliki kesamaan,  biasanya terletak di bawah tag 
Jika Sebelumnya Template anda telah memiliki kode menu, hapus saja lalu ganti dengan kode diatas
4. Anda bisa ganti kata-kata Menu1, Menu 2 dan yang lain dengan nama menu yang anda inginkan dan untuk kode "#" itu adalah alamat link dari menu yang anda buat. Sengaja saya beri tanda # agar tidak menuju halaman apapaun, silahkan anda ganti dengan alamat link yang anda inginkan.

sumber= 
http://www.henryds.com/2013/08/cara-buat-dropdown-menu-di-blog.html

0 Response to "Cara Buat Dropdown Menu di Blog"

Post a Comment

MELAYANG

KLik ya..