Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Membuat Gambar Membesar Saat disentuh Cursor

Daftar Isi [Buka]

Halo sobat blogger ..
sebelum nya saya post "Mendaftarkan Blog ke Google Webmaster" ya agar dapat terindex oleh google dan agar pengunjung akan datang ke blog kita
nahh kali ini saya akan menulis "Cara Membuat Gambar Membesar Saat disentuh Cursor"
pasti sobat pernah liat kan di blog blog pass kita klik gambar nya membesar ..
oke langsung aja yaa tutorial nya :
  • Masuk ke akun blogger sobat.
  • Pilih Template > Edit HTML.
  • Ceklis / Centang Expand Widget Template.
  • Cari kode ]]></b:skin> , gunakan fungsi Find dengan menekan tombol CTRL+F pada keyboard.
  • Kalau sudah ketemu, letakkan kode berikut tepat di atas kode ]]></b:skin>
.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.
Gampang kan? Semoga bermanfaat ya sobat ...
Kiraky
Kiraky Kiraky adalah penulis utama dari blog ini yang sudah aktif dalam menulis di blog sejak 2008 dan suka membuat artikel tentang informasi, tips, dan trick.