Cara Mengubah Tampilan Cursor Keren Pada Blog-Untuk
tutorial kali ini kita akan mengubah tampilan cursor pada blog beda dari
biasanya,yang biasanya terlihat biasa-biasa aja seperti pada umumnya akan kita
ubah menjadi lebih wuaaaw gitu,haha ^^
Bagaimana caranya?? langsung menuju tutorial dibawah ini :
- Masuk
/ Login blog dulu
- Kemudian
ke Tata letak / layout
- Tambah
wedget atau gedget dan letakkan kode ini :
Kode pertama ; mengubah kursor tapi tidak mengubah
kursor ketika menyorot link
<style type="text/css">
body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgknMg2JOQOrqJoNSs9FJ69oCnInKT8x-ifs6NCQw110m_EmsTbWwIWXqmbholZ6FCPB7cKAhaz2RD0ErF11MVWZ4NhlyIaU7WNEomiUZiAIJidYjbU_VsK3sBQOQkzL83l1bugqrTHIHEq/"), auto;}
</style>
body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgknMg2JOQOrqJoNSs9FJ69oCnInKT8x-ifs6NCQw110m_EmsTbWwIWXqmbholZ6FCPB7cKAhaz2RD0ErF11MVWZ4NhlyIaU7WNEomiUZiAIJidYjbU_VsK3sBQOQkzL83l1bugqrTHIHEq/"), auto;}
</style>
Kode kedua ; mengubah kursor serta tetap berubah
walau disorot ke arah link
<style type="text/css">
body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgknMg2JOQOrqJoNSs9FJ69oCnInKT8x-ifs6NCQw110m_EmsTbWwIWXqmbholZ6FCPB7cKAhaz2RD0ErF11MVWZ4NhlyIaU7WNEomiUZiAIJidYjbU_VsK3sBQOQkzL83l1bugqrTHIHEq/"), auto;}
body a:hover{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgknMg2JOQOrqJoNSs9FJ69oCnInKT8x-ifs6NCQw110m_EmsTbWwIWXqmbholZ6FCPB7cKAhaz2RD0ErF11MVWZ4NhlyIaU7WNEomiUZiAIJidYjbU_VsK3sBQOQkzL83l1bugqrTHIHEq/"), auto;}
</style>
body{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgknMg2JOQOrqJoNSs9FJ69oCnInKT8x-ifs6NCQw110m_EmsTbWwIWXqmbholZ6FCPB7cKAhaz2RD0ErF11MVWZ4NhlyIaU7WNEomiUZiAIJidYjbU_VsK3sBQOQkzL83l1bugqrTHIHEq/"), auto;}
body a:hover{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgknMg2JOQOrqJoNSs9FJ69oCnInKT8x-ifs6NCQw110m_EmsTbWwIWXqmbholZ6FCPB7cKAhaz2RD0ErF11MVWZ4NhlyIaU7WNEomiUZiAIJidYjbU_VsK3sBQOQkzL83l1bugqrTHIHEq/"), auto;}
</style>
Silahkan sobat pilih salah satu diantara kedua script
diatas.
Catatan : warna biru adalah url gambar,sobat bisa ganti gambar sesuai keinginan.
Catatan : warna biru adalah url gambar,sobat bisa ganti gambar sesuai keinginan.
- Simpan
dan lihat hasilnya
Untuk gambarnya saya sediakan urlnya mungkin sobat berminat
:
http://justnaira-css-js.googlecode.com/svn/mouse/Heart.gif
http://justnaira-css-js.googlecode.com/svn/mouse/Halloween_2.gif
http://justnaira-css-js.googlecode.com/svn/mouse/Fly_2.gif
http://justnaira-css-js.googlecode.com/svn/mouse/aliendance.gif
http://justnaira-css-js.googlecode.com/svn/mouse/apple-tmani.gif
http://justnaira-css-js.googlecode.com/svn/mouse/bounce.gif
http://justnaira-css-js.googlecode.com/svn/mouse/Arrow_02.gif
Mungkin cukup itu saja dari saya , kalau dirasa kurang
menarik silahkan sobat cari di google saja malah lebih komplit lagi,hehe
Demikianlah tutorial cara mengubah tampilan kursor pada blog,jika dirasa ada yang ingin ditanyakan silahkan berkomentar dibawah,terima kasih,selamat mencoba dan semoga bermanfaat...
Demikianlah tutorial cara mengubah tampilan kursor pada blog,jika dirasa ada yang ingin ditanyakan silahkan berkomentar dibawah,terima kasih,selamat mencoba dan semoga bermanfaat...
Sumber :
Tidak ada komentar:
Posting Komentar