Cara Mudah Mengganti Cursor atau Panah Mouse di Blog.!

Your Ads Here

Pada kesempatan kali ini saya akan membahas tentang Cara Mudah Mengganti Cursor atau Panah Mouse di Blog , dengan Menggunakan Code CSS , berikut Contoh dan Cara Memasangnya ...

Your Ads Here

See also: Membuat Top Komentator pada Halaman Statis dan Komentar Blog

Contohnya lihat dibawah ini :
Cursor Pasif :
( Alamat gambar cursor » https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTOq07qqDwvav58gHYHdHvrB1DDFBGdlffSS8mylLRJ-yEmpNf_mA2rdgey_oA_8pudliDjNotwUq_c9yiWFlEdzPLvdOUazvCGZtnk-Oi7ezPuxuoL3MSDLBSdNgRLgjN9OJ__pqiI4Rp/s1600/cursor.png )
Cursor Aktif :

See also: Memahami Logika CSS Media Queries agar Layout Blog Responsive!

( Alamat gambar cursor » https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYQF-t2vdQ1vyJzljo9ZVdrKqTc0jO84kI3sgsz_xXVMNY3ABQM7xyyFEy9bpRtqCSX70_SG_l0mdiVaplEQCVdrRiAlPrmN6r0o4tCVf1BcgQPzjidNTTy6-rwxY7KaLEMw7YrBckC3RM/s1600/cursor-hover.png )


Cara Memasangnya sebagai berikut :

Your Ads Here

Your Ads Here

See also: Writing the Resource Box so it Makes People click

Copy-Paste Kode CSS dibawah ini dan letakan di Dashboard » Tata Letak » Tambah Gadget , lalu Simpan .!

<style type="text/css">

See also: Kerangka Dasar Template Blogger HTML5 & SCHEMA

.body { cursor:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTOq07qqDwvav58gHYHdHvrB1DDFBGdlffSS8mylLRJ-yEmpNf_mA2rdgey_oA_8pudliDjNotwUq_c9yiWFlEdzPLvdOUazvCGZtnk-Oi7ezPuxuoL3MSDLBSdNgRLgjN9OJ__pqiI4Rp/s1600/cursor.png'),auto;}
a:hover { cursor:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYQF-t2vdQ1vyJzljo9ZVdrKqTc0jO84kI3sgsz_xXVMNY3ABQM7xyyFEy9bpRtqCSX70_SG_l0mdiVaplEQCVdrRiAlPrmN6r0o4tCVf1BcgQPzjidNTTy6-rwxY7KaLEMw7YrBckC3RM/s1600/cursor-hover.png'),auto;}
</style>

Terakhir Simpan , dan Reload/Refresh Blog anda ..

Sekian tutorial Cara Mudah Mengganti Cursor atau Panah Mouse di Blog dari saya .!

Your Ads Here