membuat efek zoom berwarna pada gambar posting blog

Di dalam blog terutama pada postingan Anda, akan sangat menarik dan identik jika terdapat sebuah gambar atau image, hal ini penting untuk membuat suatu postingan menjadi lebih menarik. Berikut ini Saya ingin memberikan sedikit trik untuk membuat gambar / image pada blog Anda menjadi lebih menarik dengan menambahkan efek zoom in dan zoom out menggunakan kode CSS, berikut langkah-langkah nya.

SC|baYuTirta

• Silahkan Anda login ke blogger Anda masing-masing
• Masuk kebagian Rancangan, dan klik bagian Edit HTML, kemudian beri tanda centang pada bagian Expand Template Widget
• Cari kode ]]></b:skin>, gunakan shortcut keyboard Ctrl + F
• Setelah ketemu copy paste kode CSS berikut tepat diatas kode tadi

 isikan kode ini diatas ]]></b:skin>

.post img:hover {
-moz-box-shadow: -2px 2px 25px lime;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
-webkit-transform: scale(1.3); }

Simpan Template Anda, dan lihat perubahan nya

Artikel Terkait:

tips n trik blog

• cara mengganti warna tulisan di blog dengan bermacam-macam warna
• cara memasang widget CCTV pada blog
• cara memasang efek salju (snow) di blog
• cara membuat efek petir (lightning) di blog
• cara memasang efek hati bertaburan di blog
• cara membuat spoiler moz box berwarna transparent neon
• cara membuat efek meteor jatuh di blog
• alat pengukur berat,waktu blog anda
• Cara Membuat Related Post (artikel terkait) di blog