Posted by : Arief Hilman Nugraha Rabu, 16 Januari 2013

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. Blog Trik dan Tips akan memberikan trik ini. 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>
<script type='text/javascript'>
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>
Keterangan:
- Sobat dapat mengatur seberapa jauh list tersebut menjorok ke dalam dengan mengubah angka kode berwarna merah
5. 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!!!

Leave a Reply

Subscribe to Posts | Subscribe to Comments

Welcome to My Blog

Guilty Ghost

Guilty Ghost
Haking Tips , Tips Dan Trick , dll Disini Tempatnya

Berlangganan Lewat Email

Subscribe via Email

Jam

Lagu

Total Pageviews

Arief Hilman Nugraha. Diberdayakan oleh Blogger.

- Copyright © Arief Hilman Nugraha - Robotic Notes - Disponsori Oleh Blogger - Editing by Arief Hilman Nugraha -