Cara Memberikan Efek Zoom Gambar Otomatis Di Blog


Kali ini saya akan memposting cara untuk memberikan efek zoom pada gambar di blog, Caranya cukup mudah tinggal ikutu langkah - langkahnyaa di bawah ini :


Langkah-langkahnya :

1. Login ke blogger.com
2. Lalu klik Tata Letak/Rancangan/Design
3. Klik Edit HTML, jangan lupa centang pada bagian Expand Template Widget.
4. Cari kode ]]></b:skin>, gunakan shortcut keyboard Ctrl + F untuk lebih mudah mencarinya.
5. Jika anda sudah menemukannya, masukkan kode CSS berikut ini tepat di atas kode tadi

.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.3);
-webkit-transform: scale(1.3); }

6. Simpan Template anda. Dan Lihat hasilnya. Cara Memberikan Efek Zoom Gambar Otomatis Di Blog
Share on Google Plus

About Admin

Cara adalah blog referensi tentang berbagai cara cara yang kita butuh kan dalam kehidupan sehari. Semoga bisa menjadi sumber bacaan yang yang menyenangkan. Terima Kasih telah berkunjung. :D

0 comments:

Post a Comment