 |
MERDEKA FILES, Jakarta - Ini cara agar semua gambar pada blog kita membesar saat disorot oleh kursor mouse. Kalian pasti sering menjumpai blog saat gambarnya disorot mouse akan tampil lebih besar, pasti keren dong? Selain keren, dengan cara ini pengunjung blog kita juga akan lebih mudah dan jelas saat inign melihat gambar pada blog kita. Nah ingin tahu cara membuat gambar di blog membesar saat disorot mouse? Berikut cara cepatnya, silahkan disimak dulu baru dipraktekkan:
1. Silahkan masuk ke menu Template - Edit HTML
2. Lalu cari kode <head>, gunakan Ctrl+F agar mempermudah pencarian
3. Setelah ditemukan copy pastekan script berikut ini tepat dibawah <head>
<style>
.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.3);
-o-transform: scale(1.2);
-webkit-transform: scale(1.2);
</style>
4. Lalu klik tombol simpan, kemudian lihat hasilnya !!
Note : Jangan lupa backup template untuk berjaga-jaga jika terdapat kesalahan edit.
0 komentar :
Post a Comment
PEDOMAN KOMENTAR
Ayo berpartisipasi membangun budaya berkomentar yang baik. Mohon tidak memberikan komentar bermuatan penghinaan atau spam, Kita semua menyukai muatan komentar yang positif dan baik.
Kolom komentar tersedia untuk diskusi, berbagi ide dan pengetahuan. Hargai pembaca lain dengan berbahasa yang baik dalam berekspresi. Setialah pada topik. Jangan menyerang atau menebar nuansa kebencian terhadap suku, agama, ras, atau golongan tertentu.
Pikirlah baik-baik sebelum mengirim komentar.