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,..