Cara Membuat Gambar Membesar Otomatis Ketika Disorot di Blog
– waktu ucha walking ke blog sobat blogger nemuin gambar yang otomatis membesar. maka dari itu ucha pengen cari sengkripnya, dan ternyata ada. Sebelum ucha bagi-bagi skripnya ucha akan kasih tahu dulu apa sih gunanya membuat gambar membesar secara otomatis. Ya gunanya adalah apabila ada gambar atau rumus fisika atau kimia yang kecil jadi kelihatan. Yuk langsung simak aja skrip nya dibawah ini.
Cara Membuat Gambar Membesar Otomatis Ketika Disorot di Blog
1. Login ke akun blog kamu
2. Masuk ke edit template
3. Pilih edit HTML
4. Tekan ctrl + f lalu cari kode ]]></b:skin>
5. Copy kode di bawah ini lalu letakkan di atas kode ]]></b:skin>
.post-body img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.3,1.3);
-o-transform: scale(1.3,1.3);
-webkit-transform: scale(1.3,1.3); }
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.3,1.3);
-o-transform: scale(1.3,1.3);
-webkit-transform: scale(1.3,1.3); }
6. Klik simpan/save
7. Buka blog sobat lalu cek apakah berhasil.
Jika misalnya tidak berhasil, maka coba sobat gunakan script kedua di bawah ini
.post
.post-body img{margin:5px; padding:5px; border:1px solid #e0e0e0;
-o-transition: all 0.5s; -moz-transition:all 0.5s; -webkit-transition:
all 0.5s;}
.post .post-body img:hover{-o-transition:all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform:scale(1.2); -o-transform:scale(1.2); -webkit-transform:scale(1.2);}
8. Klik simpan dan cek kembali.post .post-body img:hover{-o-transition:all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform:scale(1.2); -o-transform:scale(1.2); -webkit-transform:scale(1.2);}
Info:
angka 1.3 adalah angka perbesaran yang akan terjadi apabila kamu menyorotnya. sobat bisa menggantinya sesuka hati tergantung keinginan.
Demikianlah informasi mengenai Cara Membuat Gambar Membesar Otomatis Ketika Disorot Mouse semoga bisa bermanfaat.
thanks to sumber
Anda baru saja membaca artikel yang berkategori Belajar Blog
dengan judul "Cara Membuat Gambar Membesar Otomatis Ketika Disorot Mouse". Anda bisa Menemukan artikel ini dengan link https://uchavision.blogspot.com/2014/06/cara-membuat-gambar-membesar-otomatis.html dan anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Cara Membuat Gambar Membesar Otomatis Ketika Disorot Mouse ini sangat bermanfaat bagi teman-teman anda, namun jangan lupa untuk meletakkan link Cara Membuat Gambar Membesar Otomatis Ketika Disorot Mouse sumbernya.
Anda Mungkin Menyukai:
0 komentar:
Post a Comment
> Berkomentar yang bijak ya sob.
> No Sara
> Ane berhak menghapus pesan yang gak masuk akal