Eye in Your Blog with jQuery !

Wuih... judul nya bahasa inggrisan sob, soalnya kalo pake bahasa Indonesia jadi '"Mata di Blog mu dengan jQuery !" Rasanya ada yg aneh kalo pake kata "Mata" Wkwkwkwkwk . Btw udah tau blum nih apa maksud dari dudul nya, eh judul nya ? Check the demo page here, nice plugin jquery !

Demo

gimana sob ?? bagus kan ? Blog juga bs punya mata, wkwkwkkw . Sayang gambar matanya kurang bagus, jadi gto dah mata nya . kalo mau ya bikin sendiri gmbar matanya .

langsung ajah cara buatnya sob .

1. Pertama karna plugin jQuery masukin script ini,

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

Nb: Kalu udah ada, tinggaln ajah, biar ga doble .

2. tyus kedua masukin javascript ini,

<script src='http://h1.ripway.com/fabi0/jEye2.js.js' type='text/javascript'/>

Nb: Di script di atas bs di edit sendiri, seperti letak dan gambar mata .



ini untuk background gambar mata , yg tertera dlm script di atas dengan alamat http://i37.tinypic.com/27xq7ih.jpg .



ini untuk gambar eye spotnya atau mata nya , yg tertera dalam script di atas dengan alamat http://i34.tinypic.com/1zejr0w.jpg .

dan sebaiknya di hostingkan ndiri yah..

3. Sekarang javascript buat pemanggilannya . masukan script ini dibawah ini tepat di bawah script di atas .

<script type='text/javascript'>
  $().ready(function() {
   $('body, #myBlock').jEye();
  });
 </script> 

sedangkan penggunaan di bagian lain, seperti dalam demo page, mata berada di kotak .
tinggal masukan tag <div id='myBlock'>......</div>

gampang banget kan sob ?? not useful but fun ! =D