CARA MEMBUAT ZOOM PADA IMAGE

Berikut ini cara membuat postingan image kita menjadi besar ( tatkala kursor berada diatasnya) :
Letakkan kode css ini, di atas kode ]]></b:skin>


/* Zoom Efek
----------------------------------------------- */
.thumbnail{position:relative;z-index:0}
.thumbnail:hover{background-color:transparent;z-index:50}
.thumbnail span{position:absolute;left:-1000px;visibility:hidden;
color: black;text-decoration: none}
.thumbnail span img{border-width:1;padding:2px}
.thumbnail:hover span {visibility: visible; top: 0; left: 50px}


  Kode gambar ini

<a class="thumbnail" href="http://www.blogger.com/post-edit.g?blogID=8287053043450086996&amp;postID=1711738123524367907#thumb">Isi dengan kode  image</a></div>

Contoh seperti gambar dibawah ini :


 

kode tulisannya

<a class="thumbnail" href="http://www.blogger.com/post-edit.g?blogID=8287053043450086996&amp;postID=1711738123524367907#thumb">LIHAT GAMBAR INI<Isi dengan kode image</a>
Contoh seperti Tulisan  dibawah ini :


LIHAT GAMBAR INI