Cara Membuat Effect Zoom Pada Gambar Di Posing / Artikel Blog

Langkah 1
Masuk ke blogger--> Layout-->Edit HTML
Cari kode berikut ]]></b:skin>
Kemudian sisipkan kode CSS di bawah ini tepat di atas kode tadi

.thumbnail{

position: relative;

z-index: 0;

}

.thumbnail:hover{

background-color: transparent;

z-index: 50;

}

.thumbnail span{

position: absolute;

background-color: #7AA1C3;

padding: 0px;

left: -1000px;

border: 1px solid gray;

visibility: hidden;

color: white;

text-decoration: none;

}

.thumbnail span img{

border-width: 0;

padding: 0px;

}

.thumbnail:hover span{

visibility: visible;

top: 0;

left: 5px;

}

Langkah 2
Sekarang setiap kali Anda menulis suatu posting cukup masukan kode di bawah ini

<a class="thumbnail" href="">
<img src="Masukkan alamat/URL gambar anda" width="100px" height="100px" border="0px" /><span><img src="Masukkan alamat/URL gambar anda disini" /><br /> Deskripsi gambar anda disini </span> 
</a>

Editlah tulisan warna biru...sesuaikan!