Cari Blog Ini

Rabu, 24 April 2013

Cara Membuat Gambar Membesar saat disentuh Kursor di Blog

Pada kali ini mazinu akan jelaskan kepada kalian tentang Bagaimana cara agar Gambar yang ada di Blog kita apabila disentuh oleh kursor maka gambar tersebut akan membesar.
Sahabat Mazinu ingin tahu caranya??
Jika Sahabat ingin memasangnya silahkan disimak langkah-langkah berikut ini :


  • Masuk ke akun blogger kalian.
  • Pilih Template > Edit HTML.
  • Cari kode ]]></b:skin> , gunakan fungsi Find dengan menekan tombol CTRL+F pada keyboard
  • Jika 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); }

  • Simpan, dan Lihat hasilnya!
Semoga Artikel tentang Cara Membuat Gambar Membesar saat disentuh Kursor di Blog diatas bermanfaat buat kalian!

    Tidak ada komentar:

    Posting Komentar