Seputar Ilmu

Baiklah pada kesempatan kali ini saya akan memberikan tutorial blogger yaitu cara membuat ' Menu Horizontal Dark Lavalamp With jQuery ' Jika sobat ingin melihat contohnya silahkan klik Disini . Jika sobat tertarik ingin mencobanya, silahkan ikuti langkah-langkah berikut. 1. Login ke Akun Blogger anda masing-masing 2. Klik Design atau Rancangan, kemudian pilih edit html 3. Centang Expand Widget Template (saya anjurkan download dahulu template anda) 4. Cari kode : ]]></b:skin> , Jika Sudah Ketemu, letakkan Kode CSS berikut tepat diatasnya. /* Lavalamp-Menu */ .sf-menu li:hover ul, .sf-menu li.sfHover ul { top: 2.5em; z-index: 400; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; z-index: 400; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top:    -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { top: 0; } .sf-menu { position: relative...

Baiklah pada kesempatan kali ini saya akan berbagi lagi mengenai cara membuat ' Menu Horizontal Lavalamp Special Dark + Search Box '  Jika sobat tertarik ingin mencobanya, silahkan ikuti langkah-langkah berikut. 1. Login ke Akun Blogger anda masing-masing 2. Klik Design atau Rancangan, kemudian pilih edit html 3. Centang Expand Widget Template (saya anjurkan download dahulu template anda) 4. Cari kode : ]]></b:skin> , Jika Sudah Ketemu, letakkan Kode CSS berikut tepat diatasnya. /* lavalampv2 menu */ .lavalampv2  {margin:0;     position: relative;     padding:15px;  height: 20px; font-family: PT Sans Narrow; } .lavalampv2 a {font-weight:bold; text-transform:uppercase;font-weight:bold;     color: #aaa;font-size:14px;     line-height: 20px; } .lavalampv2 a:hover { color:#fff;text-shadow: 0 1px 0 #000;     } .lavalampv2 ul {     margin: 0;     padding: 0;  ...