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 kalianUntuk melakukan trik ini, kalian ikuti tahap-tahap berikut ini:
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.
Silahkan kirimkan Donasi anda seikhlasnya berupa uang/pulsa (Klik Gambar kado disamping ) untuk perkembangan blog ini dan Proses pembelajaran untuk sahabat.
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....