Sempat tidak melaksanakan update kepada blog ini selama dua minggu sebab sibuk dengan aktivitas di kampus kesudahannya kali ini saya mempunyai waktu luang untuk memperbaharuinya. Dalam panduan kali ini saya akan menyampaikan bagaimana cara bikin Zoom Effect atau dalam Bahasa Indonesianya yaitu pengaruh memperbesar pada setiap gambar maupun foto yang ada di dalam artikel blog anda.
Keuntungan yang anda sanggup dengan memasang Zoom Effect ini yaitu bikin blog anda terlihat lebih bagus dan Pro. Dan bila merujuk pada trends dikala ini utamanya di dunia web design yang terus membicarakan dan meneliti wacana kecanggihan CSS3 maka tidak ada salahnya juga kita membalut design template blogger kita dengan sentuhan arahan CSS didalam gambar-gambar artikel blog. Semua kodenya sendiri murni memakai CSS tanpa ada aksesori JavaScript atau jQuery, sehingga tidak akan terlalu mempunyai pengaruh kepada Page Loading pada blog anda.
Efek memperbesar gambar ini akan timbul atau melakukan pekerjaan dikala cursor dari hadirin melaksanakan hover kepada gambar-gambar di blog anda. Dan yang lebih penting lagi anda tidak perlu bikin markup aksesori apapun didalam artikel blog sebab Zoom Effect ini akan melakukan pekerjaan secara otomatis kepada semua gambar dan foto yang ada dipostingan blog cuma saja dikala hadirin blog melaksanakan hover pada gambar anda tersebut, pengaruh ini akan mengambil sedikit akselerasi aksesori dari CPU komputer maupun laptop dari hadirin blog.
Persiapan :
Salin semua arahan yang ada dibawah ini
Langkah-langkah :
1) Masuk ke akun blogger anda kemudian klik Template
2) Lakukan Back up kemudian klik Edit HTML
3) Cari arahan ]]></b:skin> (gunakan Ctrl + F) kemudian paste semua arahan yang telah anda salin tadi tepat di atasnya
4) Klik Simpan Template
Jika dikala ini anda mengaktifkan fitur lightbox resmi dari Blogger, pengaruh ini akan tetap berlangsung dan tidak punya pengaruh kepada satu sama lainnya. Dan sekarang coba anda lihat konten dari gambar dan foto yang ada di artikel blog anda telah mempunyai Zoom Effect dan menjadikannya terlihat lebih menawan. Enjoy & Happy Coding!
Sumber https://henponterbaru.blogspot.com
Keuntungan yang anda sanggup dengan memasang Zoom Effect ini yaitu bikin blog anda terlihat lebih bagus dan Pro. Dan bila merujuk pada trends dikala ini utamanya di dunia web design yang terus membicarakan dan meneliti wacana kecanggihan CSS3 maka tidak ada salahnya juga kita membalut design template blogger kita dengan sentuhan arahan CSS didalam gambar-gambar artikel blog. Semua kodenya sendiri murni memakai CSS tanpa ada aksesori JavaScript atau jQuery, sehingga tidak akan terlalu mempunyai pengaruh kepada Page Loading pada blog anda.
Efek memperbesar gambar ini akan timbul atau melakukan pekerjaan dikala cursor dari hadirin melaksanakan hover kepada gambar-gambar di blog anda. Dan yang lebih penting lagi anda tidak perlu bikin markup aksesori apapun didalam artikel blog sebab Zoom Effect ini akan melakukan pekerjaan secara otomatis kepada semua gambar dan foto yang ada dipostingan blog cuma saja dikala hadirin blog melaksanakan hover pada gambar anda tersebut, pengaruh ini akan mengambil sedikit akselerasi aksesori dari CPU komputer maupun laptop dari hadirin blog.
Demo
Persiapan :
Salin semua arahan yang ada dibawah ini
Klik ganda untuk menyalin
.post img{ -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -o-transform:scale(0.8); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; opacity: 0.7; margin: 0 2px 2px 0; } .post img:hover{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); opacity: 1; } Langkah-langkah :
1) Masuk ke akun blogger anda kemudian klik Template
2) Lakukan Back up kemudian klik Edit HTML
3) Cari arahan ]]></b:skin> (gunakan Ctrl + F) kemudian paste semua arahan yang telah anda salin tadi tepat di atasnya
4) Klik Simpan Template
Jika dikala ini anda mengaktifkan fitur lightbox resmi dari Blogger, pengaruh ini akan tetap berlangsung dan tidak punya pengaruh kepada satu sama lainnya. Dan sekarang coba anda lihat konten dari gambar dan foto yang ada di artikel blog anda telah mempunyai Zoom Effect dan menjadikannya terlihat lebih menawan. Enjoy & Happy Coding!
