Hai sobat!
Gambar blog bisa menjadi besar saat di sentuh kursor, gambar itu pun menjadi lebih bagus dan blog kita akan menjadi lebih keran. Kali ini saya akan berbagi gambar blog membesar saat disentuh kursor.
Langsung Saja:
1. Masuk ke akun blogger sobat.
2. Pilih Template > Edit HTML.
3. Ceklis / Centang Expand Widget Template.
4. Cari kode ]]></b:skin> , gunakan fungsi Find dengan menekan tombol CTRL+F pada keyboard.
5. Kalau sudah ketemu, letakkan kode berikut tepat di atas kode ]]></b:skin>
2. Pilih Template > Edit HTML.
3. Ceklis / Centang Expand Widget Template.
4. Cari kode ]]></b:skin> , gunakan fungsi Find dengan menekan tombol CTRL+F pada keyboard.
5. Kalau 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); }
6. Kemudian Simpan Templet.
Terima kasih sudah membaca artikel ini, jangan lupa tinggalkan jejak di blog ini.
Posting Komentar