Sempat tidak menjalankan update kepada blog ini selama dua minggu sebab sibuk dengan acara di kampus hasilnya kali ini saya mempunyai waktu luang untuk memperbaharuinya. Dalam panduan kali ini saya akan menyampaikan bagaimana cara bikin Zoom Effect atau dalam Bahasa Indonesianya yakni pengaruh memperbesar pada setiap gambar maupun foto yang ada di dalam artikel blog anda.
Keuntungan yang anda sanggup dengan memasang Zoom Effect ini yakni bikin blog anda terlihat lebih anggun dan Pro. Dan bila merujuk pada trends dikala ini utamanya di dunia web design yang terus membicarakan dan meneliti wacana kedigdayaan 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 pemanis 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 menjalankan hover kepada gambar-gambar di blog anda. Dan yang lebih penting lagi anda tidak perlu bikin markup pemanis 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 menjalankan hover pada gambar anda tersebut, pengaruh ini akan mengambil sedikit akselerasi pemanis 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 mempunyai 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!
Keuntungan yang anda sanggup dengan memasang Zoom Effect ini yakni bikin blog anda terlihat lebih anggun dan Pro. Dan bila merujuk pada trends dikala ini utamanya di dunia web design yang terus membicarakan dan meneliti wacana kedigdayaan 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 pemanis 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 menjalankan hover kepada gambar-gambar di blog anda. Dan yang lebih penting lagi anda tidak perlu bikin markup pemanis 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 menjalankan hover pada gambar anda tersebut, pengaruh ini akan mengambil sedikit akselerasi pemanis 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 mempunyai 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!