Gambar di blog sangat mendukung tampilan pada sebuah blog, pada dasarnya gambar sangat banyak di gunakan di dalam postingan blog, untuk itu bila kita sering menjumpai gambar yang kecil kita ingin agar gambar itu bisa lebih jelas dan besarkan? Nah kali ini saya akan berikan tipsnya biar gambar itu bisa di perbesar kita menggunakan kode CSS tanpa Javacript karena tentu saja CSS lebih ringan di banding Javascript. Oke kita mulai pertama-tama.
- Pergi ke blogger.com lalu pilih => template => Edit HTML
- Cari kode ]]></b:skin> gunakan tombol CTRL+F biar cepat
- Copy Paste kode script dibawah ini tepat di atas kode ]]></b:skin>
.post 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 2px 2px 0;
}
.post img:hover{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
opacity: 1;
}
Terakhir tinggal di simpan perubahan dan lihat hasilnya saja. Oke sekian dulu jika kurang paham bisa tanyakan kedapa saya melalui komentar di bawah ini.
Terima kasih atas kunjungannya, jangan lupa baca juga beberapa artikel di bawah ini dan semoga bermanfaat untuk sobat.
Berkomentarlah dengan baik dan sopan di setiap postingan di blog ini, syarat berkomentar:
1. Gunakan kata-kata yang sopan dan tanpa spam
2. Jangan memasukkan link aktif bila ada akan saya hapus
3. Tidak di izinkan melakukan promosi blog yang ada unsur pornografi ConversionConversion EmoticonEmoticon