Blogging | Cara Membuat Gambar Membesar Ketika DIsentuh Kursor Mouse

Jumpa lagi Sobat Gubuk Berbagi, kali ini saya mau posting tentang salah satu trik Blogging yang sudah banyak sekali di share oleh para Blogger lainnya, tapi apa salahnya saya memposting kembali untuk sekedar mengisi kesunyian dari Gubuk saya ini.

Trik Blogging yang akan saya bagikan ini adalah cara membuat gambar di Blog membesar ketika disentuh atau terkena oleh Pointer/kursor, sobat pasti sudah tahu kan bagaimana maksudnya, kalau belum tahu contohnya ada di Blog saya ini. Coba saja sentuh salah satu gambar yang ada dipostingan ini, pasti gambarnya kan membesar, hehehe....

Baiklah sobat, tidak panjang lebar lagi berikut ini langkah-langkahnya :
1. Login ke Dashboard Blog Sobat
2. Pilih atau buka menu Template > Edit Html
3. Kemudian sobat cari kode </head> (gunakan CRTL + F agar lebih mempermudah)
4. Kemudian Copy kode dibawah ini !

.post img:hover {<br /> -o-transition: all 0.5s;<br /> -moz-transition: all 0.5s;<br /> -webkit-transition: all 0.5s;<br /> -moz-transform: scale(1.5);<br /> -o-transform: scale(1.5);<br /> -webkit-transform: scale(1.5); }

5. Jika sudah sobat Copy, letakkan tepat diatas kode </head> tadi.
6. Simpan template sobat dan selesai.

Sekarang silahkan kunjungi Blog sobat dan coba arahkan pointer/kursor mouse sobat kearah gambarnya. Nah itu dia yang dapat saya bagikan kepada sobat semua, semoga bermanfaat.

Baca Juga :

• Cara Memperbanyak Pengunjung Blog Yang Ampuh
• Daftar Situs Tempat Download Driver Laptop Lengkap
• Unik dan Menarik