FullPengetahuan.Blogspot.Com, Hai Sobat Blogger... Kali Ini Saya Akan Memberi Sedikit Tutorial Yaitu Tentang Cara Membuat Gambar Membesar Apabila Di Sentuh Oleh Kursor, Pasti Sobat Sudah Sering Kan Melihat Nya Di Blog - Blog Orang Lain. Sebetulnya Fitur Ini Dalam Dunia Blogging Sering Disebut Image Zoom Effects atau Hover Zoom Smooth Effects. Gk Perlu Basa Basi Lagi Ni Yuk Langsung Ke TKP...
- Masuk ke akun blogger sobat.
- Pilih Template > Edit HTML.
- Klik Asal Pada Kolom HTML Seperti Yang Sudah Saya Share Sebelumnya Di Cara Mencari Kode Tertentu Di Edit HTML (Template)
- Cari kode ]]></b:skin> , gunakan fungsi Find dengan menekan tombol CTRL+F pada keyboard.
- Kalau sudah ketemu, letakkan kode berikut tepat di atas kode ]]></b:skin>.post img, table.tr-caption-container { border:none; max-width:560px; height:auto; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
.post img:hover { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform: scale(1.5); -o-transform: scale(1.5); -webkit-transform: scale(1.5); -webkit-border-radius: 0px 0px; -moz-border-radius: 0px / 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); } - Terakhir klik Simpan Template. Sekarang lihat hasilnya di blog Sobat.
Mudah Kan Sobat... Semoga Artikel Ini Bermanfaat. Amin...
▓▒░TOLONG TINGGALKAN KOMENTAR░▒▓
0 Komentar untuk "Cara Membuat Gambar Membesar Apabila Di Sentuh Oleh Kursor"