Meberi efek zoom pada gambar yang kita ungggah di blogger memberikan daya tarik sendiri bagi pengunjung , selain mempermudah pengunjung untuk melihat gambar , memberi efek zoom aakan memepercantik tampilan blogger yangg kita kelola.
menampilkan gambar pada sebuahh artikel diblogger dengan ukuran besar , tidak disarankan karena akan membebani tampilan blogger , yang terjadi adalah loading lebih lama ketika blog kita di buka . Solusi efek zoom pada gambar bloger adalah kunci terbaik , kita hanya memasang gambar dengan ukuran paling kecil , dan ketika gambar pada artikel didekatkan kursor mouse maka secara otomatis gambar akan zoom , dengan ukuran zoom yang bisa kita sesuaikan, tanpa membebani kecepatan loading blogger.
cara measang efek zoom pada gambar , caranya cukup mudah , karena tidak membutuhkan banyak java scrib atau php , akan tetapi hanya menambahkan beberapa baris kode Css di HTML .
Berikut Ini cara menmabahkan efek auto zoom pada gambar:
1. login ke blogger , pilih menu Template dan klik edit html
2.setelah kode html terbuka , tekan tombol keboard kombinasi CTRL + F, yanng berfungsi untuk membantu pencarian kode CSS
3. langkah selajutnya pada kolom ppencarian cari kode ]]></b:skin> atau </style>
4. setelah kode yang kita cari ketemu letakan barisan kode dibawah ini tepat di atasnya
.post img:hover {
-o-transition: all 0.9s;
-moz-transition: all 0.9s;
-webkit-transition: all 0.9s;
-moz-transform: scale(1.7);
-o-transform: scale(1.7);
-webkit-transform: scale(1.7);
}
5. langkah sselajutnya kita bisa menseting ukuran zoom dan waktu zoom , dengan merubah angka , angka di belakang kode di atas , apabila kalian bingung atau takut salah gunakan saja kode sesuai contoh di atas .
6. simpan hasil edit kode html , dan bisa kalian lihat hasil dari efek zoomnya . efek ini akan bekerja otomatis pada setiap gambar yang kita tampilkan dihalan blogger.
itulah cara menambahkan efek zoom pada gambar diblogger ,Insppirasi pemberian efek zoom image ini saya dappat dari blognya mastimon, ketika saya berkunjung ke blognya ada efek seperti itu dan sekarang saya aplikasikan ke blog saya agar tampilanya lebih menarik. sangat mudah kan ikuti toturial toturial , selajutnya , terimakasih sudah mengunjungi blog saya .
menampilkan gambar pada sebuahh artikel diblogger dengan ukuran besar , tidak disarankan karena akan membebani tampilan blogger , yang terjadi adalah loading lebih lama ketika blog kita di buka . Solusi efek zoom pada gambar bloger adalah kunci terbaik , kita hanya memasang gambar dengan ukuran paling kecil , dan ketika gambar pada artikel didekatkan kursor mouse maka secara otomatis gambar akan zoom , dengan ukuran zoom yang bisa kita sesuaikan, tanpa membebani kecepatan loading blogger.
cara measang efek zoom pada gambar , caranya cukup mudah , karena tidak membutuhkan banyak java scrib atau php , akan tetapi hanya menambahkan beberapa baris kode Css di HTML .
Berikut Ini cara menmabahkan efek auto zoom pada gambar:
1. login ke blogger , pilih menu Template dan klik edit html
2.setelah kode html terbuka , tekan tombol keboard kombinasi CTRL + F, yanng berfungsi untuk membantu pencarian kode CSS
3. langkah selajutnya pada kolom ppencarian cari kode ]]></b:skin> atau </style>
4. setelah kode yang kita cari ketemu letakan barisan kode dibawah ini tepat di atasnya
.post img:hover {
-o-transition: all 0.9s;
-moz-transition: all 0.9s;
-webkit-transition: all 0.9s;
-moz-transform: scale(1.7);
-o-transform: scale(1.7);
-webkit-transform: scale(1.7);
}
5. langkah sselajutnya kita bisa menseting ukuran zoom dan waktu zoom , dengan merubah angka , angka di belakang kode di atas , apabila kalian bingung atau takut salah gunakan saja kode sesuai contoh di atas .
6. simpan hasil edit kode html , dan bisa kalian lihat hasil dari efek zoomnya . efek ini akan bekerja otomatis pada setiap gambar yang kita tampilkan dihalan blogger.
itulah cara menambahkan efek zoom pada gambar diblogger ,Insppirasi pemberian efek zoom image ini saya dappat dari blognya mastimon, ketika saya berkunjung ke blognya ada efek seperti itu dan sekarang saya aplikasikan ke blog saya agar tampilanya lebih menarik. sangat mudah kan ikuti toturial toturial , selajutnya , terimakasih sudah mengunjungi blog saya .
