Latest Post
Cara Membuat Tabel Dalam Postingan Blog di Blogger
Jumat, 21 Oktober 2022 | 0 comments
Murotal Anak Juz 30 - Riko The Series (Qur'an Recitation for Kids)
Selasa, 06 September 2022 | 0 comments
Dude vs Polisi Disco ❤ Zefa Gaming
Sabtu, 11 Juni 2022 | 0 comments
DRAMA MENUNGGU BAPAK PULANG BAWA LAYANGAN BARU | Mikael TubeHD
Senin, 06 Juni 2022 | 0 comments
Main Gane Online
Minggu, 05 Juni 2022 | 0 comments
GAMES ONLINE TERBARU
| 0 comments
https://aiwigame.com/pc/en/aiwigame/?gclid=Cj0KCQjwqPGUBhDwARIsANNwjV4NTzxTCGRR0RQv64cCcuNmDOI5BvAE5bJ2gJ9lesn85Q28rEOOKeAaAhOqEALw_wcB
Cara Membuat Gambar Membesar Saat Disentuh
Jumat, 18 Maret 2022 | 0 comments
Cara membuat gambar membesar saat di sentuh
para Blogger sering melihat gambar yang menjadi besar apabila tersentu cursor/mouse.
Didalam blogger fitur ini juga sering disebut dengan nama Image Zoom Effects atau Hover Zoom Smooth Effects.
Fitur ini sangat mulayan banyak disukai oleh para blogger,
tapi fitur ini sebenarnya dengan memasang image Zoom Effects akan mengganggu pengunjung yang sedang membaca arikel kita.
Postingan ini dibuat untuk melengkapi Tuturial di blog ini, buat sahabat-sahabat yang ingin memasangnya silahkan ikuti tutorial dibaha ini.
Cara Membuta Gambar Membesar saat disentuh Cursor.
Masuk ke akun blogger sobat..
Pilih Template-->Edit HTML
Ceklis/ Conteng Expand Widget Template
Cari kode ]]> </b;skin>,gunakan fungsi Find dengan menekan tombol CTRL+F pada keyboard.
Kalau sudah ketemu, kopipas dan letakab kode berikut tepat di atas kode ]]></b:skin>
-------------------------------------------------------------------
.post img:hover { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform: scale(1.5); -o-transform: scale(1.5); -webkit-transform: scale(1.5); -webkit-border-radius: 0px 0px; -moz-border-radius: 0px / 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); }
--------------------------------------------------------
Jika gagal diatas! silahkan ganti dengan di bawah ini;
--------------------------------------------------------
.post img, table.tr-caption-container { border:none;
max-width:560px; height:auto; -o-transition: all 0.5s; -moz-transition:
all 0.5s; -webkit-transition: all 0.5s; } .post img:hover {
-o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition:
all 0.3s; -moz-transform: scale(1.5); -o-transform: scale(1.5);
-webkit-transform: scale(1.5); -webkit-border-radius: 0px 0px;
-moz-border-radius: 0px / 0px; -webkit-box-shadow: 2px 2px 6px
rgba(0,0,0,0.6); } |
- Terakhir klik Simpan Template. Sekarang lihat hasilnya di blog Sobat.
Sampe disana dulu untuk artikel tentang Cara Membuat Gambar Membesar Saat
disentuh Cursor dan semoga bermanfaat untuk kita semua....
Sumber Artikel:ekamdt
https://ekamdt.blogspot.com/2016/08/cara-menghapus-sidebar-blog.html
flimban.blogspot.com
Album Memories Bandara Udara Soekarno Hata
| 0 comments
VIDEO
Rabu, 16 Maret 2022 | 0 comments
Langganan:
Postingan (Atom)