Cara Membuat Gambar Membesar Otomatis di Blog – Pernah anda menemukan beberapa blog yang memakai script tertentu pada blognya yang memungkinkan gambar yang ada di artikel blognya akan membesar dengan ukuran tertentu daripada aslinya ketika disorot dengan mouse. Nah di bawah ada beberapa cara dan kode untuk membuat gambar tampil membesar.
Cara Membuat Gambar Membesar Otomatis di Blog
1. Login ke akun blog kamu2. Masuk ke edit template3. Pilih edit HTML4. Tekan ctrl + f lalu cari kode ]]></b:skin>5. Copy kode di bawah ini lalu letakkan di atas kode ]]></b:skin>
.post-body img:hover { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s;-moz-transform: scale(1.3,1.3);-o-transform: scale(1.3,1.3);-webkit-transform: scale(1.3,1.3); }
6. Klik simpan/save
7. Buka blog kamu lalu cek apakah berhasil.
Jika misalnya tidak berhasil, maka coba kamu gunakan script kedua di bawah ini
.post .post-body img{margin:5px; padding:5px; border:1px solid #e0e0e0; -o-transition: all 0.5s; -moz-transition:all 0.5s; -webkit-transition: all 0.5s;}.post .post-body img:hover{-o-transition:all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform:scale(1.2); -o-transform:scale(1.2); -webkit-transform:scale(1.2);}
8. Klik simpan dan cek kembali
Info:
angka 1.3 adalah angka perbesaran yang akan terjadi apabila kamu menyorotnya. kamu bisa menggantinya sesuka hati tergantung keinginan
