Hai sahabat kali ini saya akan berbagi tutorial blog sederhana tapi keren hehehe, yaitu 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 caranya, silahkan disimak :
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.
Nah mungkin itu tutorial keren Cara Membuat Gambar di Blog Membesar Saat Disorot Mouse, semoga artikel ini dapat bermanfaat bagi sahabat semua.
0 komentar:
Posting Komentar