Membuat gambar membesar bila disentuh cursor
Selanjudnya untuk membuat gambar membesar bila disentuh cursor anak panah, aku akan menuliskan kode nya di bawah nanti. Artinya apabila cursor anak panah diarahkan ke image, gambar akan menjadi besar seperi gambar di bawah ini/hanya contoh saja:
Hanya perlu memasukkan kode di dalam template:
1.Dashboard > Template > edit HTML
2.Expand Template Widget dan tick F3 atau CTRL + F bersamaan dan cari kode
<head>3.Letakkan kode di bawah ini di bawah <head>
<style>
.post 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); }
</style>
4.Tekan pratinjau dan simpan template.
Selamat mencoba xD.
Terima kasih... sy backlink tutorial ni dlm senarai Tutorial sy ya :)
ReplyDeletesilahkan Ieta, tak apa, niat saya menulis entri juga semuanya untuk berbagi, bebas di BC oleh semua orang, tak ada istilah garang atau kedekut hehehe....semua hanya untuk berbagi :D
Deletenak tanye , gambar untuk membuat menjadi besar hanya di post ke ? klau nak buat kat bwh header boleh ke ? rply plizzz ...
ReplyDeleteterima kasih sayang, hasilnya sudaH (anekabatubacan.blogspot.com)
ReplyDeletesip
ReplyDelete