Sempat tidak menjalankan update kepada blog ini selama dua minggu alasannya merupakan sibuk dengan acara di kampus alhasil kali ini saya mempunyai waktu luang untuk memperbaharuinya. Dalam panduan kali ini saya akan menyampaikan bagaimana cara bikin Zoom Effect atau dalam Bahasa Indonesianya merupakan efek memperbesar pada setiap gambar maupun foto yang ada di dalam artikel blog anda.
Keuntungan yang anda sanggup dengan memasang Zoom Effect ini merupakan bikin blog anda terlihat lebih anggun dan Pro. Dan jikalau merujuk pada trends dikala ini utamanya di dunia web design yang terus membicarakan dan meneliti ihwal kedigdayaan CSS3 maka tidak ada salahnya juga kita membalut design template blogger kita dengan sentuhan isyarat CSS didalam gambar-gambar artikel blog. Semua kodenya sendiri murni memakai CSS tanpa ada pemanis JavaScript atau jQuery, sehingga tidak akan terlalu mempunyai efek kepada Page Loading pada blog anda.
Efek memperbesar gambar ini akan timbul atau melakukan pekerjaan saat 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 alasannya merupakan Zoom Effect ini akan melakukan pekerjaan secara otomatis kepada semua gambar dan foto yang ada dipostingan blog cuma saja saat hadirin blog menjalankan hover pada gambar anda tersebut, efek ini akan mengambil sedikit akselerasi pemanis dari CPU komputer maupun laptop dari hadirin blog.
Persiapan :
Salin semua isyarat 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 isyarat ]]></b:skin> (gunakan Ctrl + F) kemudian paste semua isyarat yang telah anda salin tadi tepat di atasnya
4) Klik Simpan Template
Jika dikala ini anda mengaktifkan fitur lightbox resmi dari Blogger, efek ini akan tetap berlangsung dan tak punya efek 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://8tutorialandroid.blogspot.com
Keuntungan yang anda sanggup dengan memasang Zoom Effect ini merupakan bikin blog anda terlihat lebih anggun dan Pro. Dan jikalau merujuk pada trends dikala ini utamanya di dunia web design yang terus membicarakan dan meneliti ihwal kedigdayaan CSS3 maka tidak ada salahnya juga kita membalut design template blogger kita dengan sentuhan isyarat CSS didalam gambar-gambar artikel blog. Semua kodenya sendiri murni memakai CSS tanpa ada pemanis JavaScript atau jQuery, sehingga tidak akan terlalu mempunyai efek kepada Page Loading pada blog anda.
Efek memperbesar gambar ini akan timbul atau melakukan pekerjaan saat 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 alasannya merupakan Zoom Effect ini akan melakukan pekerjaan secara otomatis kepada semua gambar dan foto yang ada dipostingan blog cuma saja saat hadirin blog menjalankan hover pada gambar anda tersebut, efek ini akan mengambil sedikit akselerasi pemanis dari CPU komputer maupun laptop dari hadirin blog.
Demo
Persiapan :
Salin semua isyarat 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 isyarat ]]></b:skin> (gunakan Ctrl + F) kemudian paste semua isyarat yang telah anda salin tadi tepat di atasnya
4) Klik Simpan Template
Jika dikala ini anda mengaktifkan fitur lightbox resmi dari Blogger, efek ini akan tetap berlangsung dan tak punya efek 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!
Posting Komentar
Posting Komentar