Cara menampilkan icon zoom pada gambar ~ blog sepot

Cara menampilkan icon zoom pada gambar

Hay,.. sobat?? Kali ini saya akan menunjukan sebuah cara simple kepada anda semua tentang Cara menampilkan icon zoom pada setiap gambar di postingan blog secara otomatis.
Sedikit penjelasan yang mungkin anda perlukan, sebenarnya saya hanya merubah nilai dari properti kursor yang tadinya auto/tampilan normal lalu menggantinya dengan menampilkan icon zoom, yang saya lakukan hanyalah menambahkan deklarasi pada selektor CSS gambar dengan memberi properti nilai zoom-in.

Saya hanya akan merubah kursor atau menampilkan icon zoom pada gambar di postingan blog yang mempunyai link atau gambar yang bisa dibuka pada fitur lightbox pada saat pengunjung melakukan hover. Untuk DEMO nya silahkan arah kan cursor anda ke gambar di bawah ini.

Simak langkah² dibawah ini:

1. Login ke akun blogger sobat

2. Klik Template » Edit HTML

3. Kemudian tekan CTRL+F cari kode ]]></b:skin> atau </style>

4. Lalu tambahkan kode CSS berikut ini tepat diatas kode ]]></b:skin> atau </style>

.post a img:hover{cursor: -webkit-zoom-in ! important; cursor: -moz-zoom-in ! important;}

5. Simpan template sobat dan lihat haasil nya,..

Terima kasih telah membaca artikel tentang Cara menampilkan icon zoom pada gambar di blog blog sepot jika anda ingin menyebar luaskan artikel ini di mohon untuk mencantumkan link sebagai Sumbernya, dan bila artikel ini bermanfaat silakan bookmark halaman ini diwebbroswer anda, dengan cara menekan Ctrl + D pada tombol keyboard anda.