Selasa, 01 Desember 2015

Cara Membuat Tampilan Kursor Blog


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>

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>
Silahkan sobat pilih salah satu diantara kedua script diatas.
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...

Sumber :

Tidak ada komentar:

Posting Komentar