Monday, 1 July 2013

Cara membuat gambar membesar saat disentuh kursor


 Mungkin kalian pernah melihat gambar yang menjadi besar apabila tersentuh cursor. Dalam dunia blogging fitur seperti ini sering disebut dengan nama Image Zoom Effects atau Hover Zoom Smooth Effects.

  Fitur yang satu ini lumayan banyak di senangi para blogger,walaupun sebenarnya dengan memasang Image Zoom Effects ini di blog dapat menggangu pengunjung yang sedang membaca postingan kita.
 Artikel ini saya buat untuk melengkapi Tutorial di blog ane, buat kalian para blogger yang ingin memasangnya silakan Anda ikuti trik berikut  ini. :

Cara Membuat Gambar Membesar Saat disentuh Cursor :
Cara membuat gambar membesar saat disentuh kursor
  • Masuk ke akun blogger sobat.
  • Pilih Template > Edit HTML
  • Cari kode (   ]]></b:skin>   ), sobat juga bisa menggunakan fungsi Find dengan menekan tombol CTRL+F pada keyboard untuk memudahkan pencarian .
  • 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.
Semoga Tutorial singkat ini bisa bermanfaat untuk kalian semua . salam blogger

No comments:

Post a Comment

TERIMA KASIH ATAS KUNJUNGAN ANDA DI GLOBALCOMPUTER-DABO.BLOGSPOT.COM.... TERIMA KASIH ATAS KUNJUNGAN ANDA DI GLOBALCOMPUTER-DABO.BLOGSPOT.COM.... TERIMA KASIH ATAS KUNJUNGAN ANDA DI GLOBALCOMPUTER-DABO.BLOGSPOT.COM.... TERIMA KASIH ATAS KUNJUNGAN ANDA DI GLOBALCOMPUTER-DABO.BLOGSPOT.COM....