Cara Membuat Postingan Gambar Membesar

Kali ini saya akan membagikan gimana caranya membuat postingan gambar di blog membesar ketika kursor diarahkan pada gambar tersebut. Penasaran??

Berikut caranya...

1. Log In ke blogger. Dari halaman dasbor pilih pengaturan template.
2. Klik Edit HTML dan cari kode ]]></b:skin. Atau cara mudah memunculkan tempat mengetikkan pencarian tekan Ctrl+F kemudian ketikkan ]]></b:skin pada kolom pencarian.
3. Setelah itu copy kode dibawah ini kemudian pastekan diatas ]]></b:skin.
4. .post img{
   vertical-align:bottom;max-width:90%;max-height:90%;
   -o-transition:all .5s ease;
   -moz-transition:all .5s ease;
   -webkit-transition:all .5s ease}
   .post img:hover{
   -o-transform:scale(1.4) translate(0px);
   -moz-transform:scale(1.4) translate(0px);
   -webkit-transform:scale(1.4) translate(0px);
   -o-transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease}
5. Save Template. Selesai...

Scale(1.4) untuk mengatur berapa besar gambar pada saat disentuh kursor. Jika kurang besar silakan diganti dengan angka yang lebih besar.

5s merupakan waktu yang dibutuhkan untuk memperbesar gambar.

Demikian sedikit tutorial dari saya. Terimakasih sudah bersedia meluangkan waktu untuk membacanya.