Mouse Position Show

Dimana sebenarnya posisi cursor saat tangan menjelajah titik-demi titik halaman blog ? Mouse Position Show akan menolong kamu untuk mengetahuinya !

Langkah untuk membuat Mouse Position Show :

1. Amankan Template terlebih dahulu! Silahkan caranya lihat di sini.

2. Tetap di Edit HTML kemudian cari KODE ]]></b:skin>.

3. Copy paste KODE javascript di bawah ini dan letakkan persis di bawahnya.

Javascript Mouse Position Show :

<script type='text/javascript'>
function init(){document.onmousemove = showMousePos;}
function showMousePos(e){if (!e) e = event;var input = document.getElementById('mousepos');
var mp = getMousePosition(e);input.value = 'x : ' + mp.x + ', y : ' + mp.y;}
function getMousePosition(e){return e.pageX ? {'x':e.pageX, 'y':e.pageY} : {'x':e.clientX + document.documentElement.scrollLeft + document.body.scrollLeft, 'y':e.clientY + document.documentElement.scrollTop + document.body.scrollTop};};window.onload = init;
</script>

4. KLIK Simpan Template.

5. Gunakan KODE berikut di bagian body. <p>Mouse Position :<input id='mousepos'></p>

6. Buka blog untuk melihat hasilnya!

sumber : http://gubhugreyot.blogspot.com