Sabtu, 25 Agustus 2012

Cara Membuat Mengetahui Letak Posisi Pointer Mouse di Blog

preview


Sering kali kita tidak sengaja menemukan Blogazine yang templatenya bisa mengetahui letak posisi Pointer Mouse itu ditentukan, Nah pada kesempatan kali ini saya akan share cara trick tersebut bagaimana cara membuatnya... dan mudah mudahan aja ini bermanfaat untuk sobat yang sedang mencarinya... oke untuk Demonya sobat bisa lihat di bawah ini...

DEMO

Gimana Sob? Mantap Kan, jika mau coba ikuti saja tutor di bawah ini...
 
1. Seperti Biasa login Ke Blog
2. Template -> Edit HTML -> Centang Expand Template Widget
3. Setelah itu cari kode ]]></b:skin>
4. Dan Taruh Kode Berikut Ini Di atas Kode Tersebut..
#letak{
display:scroll; position:fixed; top:575px; right:0px;}

5. setelah itu sobat cari kode </head>
6. dan masukan kode berikut ini di bawah kode tersebut
<script type='text/javascript'>
   $(document).ready(function(){
       $(document).mousemove(function(e){
          $('#letak').html("X=" + e.pageX + "Y=" + e.pageY);
       });
    });
  </script>

7. Dan terakhir Cari kode </body>
8. Lalu Masukan kode berikut ini di atas kode tersebut..
 <div id='letak'> X: 0 Y : 0</div>

9. Lalu Save Template

Keterangan :
 Jika ingin merubah posisi letaknya tinggal ganti aja yg berwarna Merah

Selamat Berkarya...~

0 komentar:

Posting Komentar