Apakah anda sudah pernah melihat sebuah list yang menjorok. List ini akan menjorok ke dalam apabila cursor mouse berada diatas posisi list tersebut. Kita bisa membuat list tersebut didalam postingan dengan efek menjorok. Oke mungkin kalian sudah penasaran apa itu list yang menjorok.Berikut ini adalah langkah untuk membuatnya:
1. Login ke blogger
2. Masuk ke Rancangan -- Edit HTML
3. Cari kode ini: </b:skin>
4. Paste kode dibawah ini setelah kode </b:skin>
- Sobat dapat mengatur seberapa jauh list tersebut menjorok ke dalam dengan mengubah angka kode berwarna merah5. Untuk membuat list tersebut maka jangan lupa untuk memasang tag <li> seperti dibawah ini pada tulisan yang ingin dibuat efek tersebut
1. Login ke blogger
2. Masuk ke Rancangan -- Edit HTML
3. Cari kode ini: </b:skin>
4. Paste kode dibawah ini setelah kode </b:skin>
<script type='text/javascript'>Keterangan:
function lm_toRight(obj) {
obj.marginValBackUp = parseInt(obj.style.marginLeft);
obj.style.marginLeft = (obj.marginBackUp + 5).toString() + "px";
}
function lm_restore(obj) {
obj.style.marginLeft = obj.marginBackUp.toString() + "px";
}
</script>
- Sobat dapat mengatur seberapa jauh list tersebut menjorok ke dalam dengan mengubah angka kode berwarna merah5. Untuk membuat list tersebut maka jangan lupa untuk memasang tag <li> seperti dibawah ini pada tulisan yang ingin dibuat efek tersebut
<li onmouseover='lm_toRight(this)' onmouseout='lm_restore(this)'>Selamat mencoba semoga berhasil!!!
0 comment:
Post a Comment