Kursor Berubah Saat Menyorot Gambar...!

Sebelumnya saya ucapkan Bissmillahirrohaminrrohim.... dipostingan kali ini, saya akan berbagi satu cara simple tapi mungkin dan pasti akan menarik buat kalian. Kita tahu bahwa secara default (bawaan template blog normal) ketika kursor kita menyorot gambar yang ada dipostingan itu sama dengan ketika menyorot yang lainnya. namun saya akan memberikan trik supaya kursornya berubah saat menyorot atau melewati gambar.

Untuk melakukan trik ini, kalian ikuti tahap-tahap berikut ini:

1. Login Ke Blogger kalian
2. Masuk Ke Rancangan ---> EDIT HTML (centang expand template widget)
3. Cari kode berikut :

.post img {
border:1px solid #cccccc;
padding:4px;
}


Untuk setiap template tampilan kode diatas mungkin tidak terlalu mirip, setelah ketemu simpan atau sisipkan kode berikut didalamnya.


cursor:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGjwH-UsYs9fWNDJ1k71ZW3GOnwEo_udGle6KZ4So4aWVA_NpP09l82SC7DSlPfiuvK5ItS86eoZgVy-JZxATLjZaUu471CA5z61z0KQOlCjB-1H9SAyGAUzmNDGn_lShvcvQcIsqLidGg/"), pointer;


jadi bentuknya seperti ini :

.post img {
border:1px solid #cccccc;
padding:4px;
cursor:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGjwH-UsYs9fWNDJ1k71ZW3GOnwEo_udGle6KZ4So4aWVA_NpP09l82SC7DSlPfiuvK5ItS86eoZgVy-JZxATLjZaUu471CA5z61z0KQOlCjB-1H9SAyGAUzmNDGn_lShvcvQcIsqLidGg/"), pointer;
}

Keterangan :
== Kode warna merah bisa kalian ganti dengan gambar kalian.

5. SIMPAN template kalian
6. Selesai.

Mudah, simple, sederhana, cepat dan sangat menarik bukan...? semoga bermanfaat. Oia, kalian baca juga cara merubah kursor pada halaman blog.

donasiSilahkan kirimkan Donasi anda seikhlasnya berupa uang/pulsa (Klik Gambar kado disamping) untuk perkembangan blog ini dan Proses pembelajaran untuk sahabat.

Azis Lamayuda Penulis :  Azis Lamayuda | BLOG : Do The Best To Get The Best
Saya hanyalah seorang yang sedang belajar dan berbagi pelajaran dengan siapapun. Blog ini dibuat untuk memudahkan kalian yang sedang belajar sama seperti saya.

Jika Anda ingin artikel Kursor Berubah Saat Menyorot Gambar...! dikirim ke email anda, Silahkan masukan alamat email anda untuk berlangganan.

JANGAN LUPA CEK EMAIL ANDA UNTUK VERIFIKASI BERLANGGANAN VIA EMAIL

4 comments

makasih..smoga bermanfaat...saya baru belajar

@asluri Sama-sama sob... kita saling bantu aja, toh saya juga sama baru belajar sob.

Makasih mas buat infonya, aku udah terapkan di blogku..!

Thanks

di template saya ga ada kode

.post img {
border:1px solid #cccccc;
padding:4px;
}

mas.... mohon penjelasannya....

 
 
footerline
© Copyright 2010 AZIS LAMAYUDA | powered by Blogger
Say hello to me.