Langsung aja sobat kita simak Langkahnya ;
- Login ke akun Blog anda
- Klik Rancangan Pilih Edit HTML
- Cari kode ]]></b:skin> kalau sudah ketemu, letakkan kode berikut tepat sebelum atau di atas kode ]]></b:skin>
.ellogallery img{-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-o-transform:scale(0.8);-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;opacity:0.7;margin:0 10px 5px 0}
.ellorgallery img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);box-shadow:0px 0px 30px gray;-webkit-box-shadow:0px 0px 30px gray;-moz-box-shadow:0px 0px 30px gray;opacity:1}
4. Setelah itu simpan template kamu
Untuk memberi efek hover di gambar, tuliskan kode untuk hover gambarnya di antara kode gambar saat membuat postingan atau pada gambar yang lain diblog sobat ;
<div class="ellogallery"> URL GAMBAR KAMU </div>
Misalnya seperti ini
<div class="ellogallery">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivC7ZkcDzFXsU0uK9Nm6U_rHtQGmsQVCwblyenohN2wGIHvE3Qm_Hy3MzHw9cQk03_fMIKfL94nUgLMSevrcPdjseLRdMglkEda0jGghrUJM0rk6robfOTpHEvAGNuPt132ttg1Qmsr4MC/s1600/smile.jpg</div>
Posted On : 17 Agustus 2011 Time : 20.16
