Pada kali ini mazinu akan jelaskan kepada kalian tentang Bagaimana cara
agar Gambar yang ada di Blog kita apabila disentuh oleh kursor maka
gambar tersebut akan membesar.
Sahabat Mazinu ingin tahu caranya??
Jika Sahabat ingin memasangnya silahkan disimak langkah-langkah berikut ini :
.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); }
Sahabat Mazinu ingin tahu caranya??
Jika Sahabat ingin memasangnya silahkan disimak langkah-langkah berikut ini :
- Masuk ke akun blogger kalian.
- Pilih Template > Edit HTML.
- Cari kode ]]></b:skin> , gunakan fungsi Find dengan menekan tombol CTRL+F pada keyboard
- Jika 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); }
- Simpan, dan Lihat hasilnya!
dan dapatkan informasi terbaru dan yang paling populer dari kami dengan cara Lihat dan Klik Disini ,, sukses selalu kawan! :)
Apakah kalian menyukai artikel tentang Cara Membuat Gambar Membesar saat disentuh Kursor di Blog ini?







0 ulasan:
Catat Ulasan