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.
Ditulis Oleh : Rizky
Sobat sedang membaca artikel tentang Cara Memberikan Efek Zoom Gambar Otomatis Di Blog. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini. Silakan di rubah dan sesuwekan sesuka selera sobat
Tidak ada komentar:
Posting Komentar