Cara Membuat Gambar Membesar Saat disentuh Cursor
sebelum nya saya post "Mendaftarkan Blog ke Google Webmaster" ya agar dapat terindex oleh google dan agar pengunjung akan datang ke blog kita
nahh kali ini saya akan menulis "Cara Membuat Gambar Membesar Saat disentuh Cursor"
pasti sobat pernah liat kan di blog blog pass kita klik gambar nya membesar ..
oke langsung aja yaa tutorial nya :
- Masuk ke akun blogger sobat.
- Pilih Template > Edit HTML.
- Ceklis / Centang Expand Widget Template.
- Cari kode ]]></b:skin> , gunakan fungsi Find dengan menekan tombol CTRL+F pada keyboard.
- Kalau sudah ketemu, letakkan kode berikut tepat di atas kode ]]></b:skin>
.post img, table.tr-caption-container { border:none; max-width:560px; height:auto; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
.post img:hover { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform: scale(1.5); -o-transform: scale(1.5); -webkit-transform: scale(1.5); -webkit-border-radius: 0px 0px; -moz-border-radius: 0px / 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); }
- Terakhir klik Simpan Template. Sekarang lihat hasilnya di blog Sobat.
Gampang kan? Semoga bermanfaat ya sobat ...
