Tips Dan Trik Membuat Gambar Membesar Saat disentuh Cursor- Blak Kotang - Sahabatku pembaca Setia Blakkotang, Saat ini anda sedang membaca pembahasan tentang Tips Dan Trik Membuat Gambar Membesar Saat disentuh Cursor- Blak Kotang , saya hanya seorang newbie yang berbagi, dan mudah mudahan artikel ini bisa membantu sahabat semua dan tentunya anda bisa memahami dan menerapkanya ,bila ada kekurangan atau kesalahan harap di maklumi dan di beri saran ya... .

Judul : Tips Dan Trik Membuat Gambar Membesar Saat disentuh Cursor- Blak Kotang
Membahas artikel tentang : Tips Dan Trik Membuat Gambar Membesar Saat disentuh Cursor- Blak Kotang

Tips Dan Trik Membuat Gambar Membesar Saat disentuh Cursor- Blak Kotang

Artikel Tips Dan Trik, Artikel Tutorial Blogspot,

Mungkin sebagian Blogger sering 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.

Postingan ini saya buat untuk melengkapi Tutorial di blog ini, buat sobat yang ingin memasangnya silakan Anda ikuti tutorial dibawah ini.

Cara Membuat Gambar Membesar Saat disentuh Cursor :

• 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.

Semoga tutorial singkat ini bisa bermanfaat...

Begitulah Pembahasan tentang artikel ini Tips Dan Trik Membuat Gambar Membesar Saat disentuh Cursor- Blak Kotang

Mungkin itu saja yang bisa saya jelaskan Tips Dan Trik Membuat Gambar Membesar Saat disentuh Cursor- Blak Kotang , Dan semoga artikel ini bisa sedikit membantu untuk para sahabat blakkotang .

Sahabat sedang membaca pembahasan tentang Tips Dan Trik Membuat Gambar Membesar Saat disentuh Cursor- Blak Kotang Pembahasan ini url permalinknya adalah http://blakkotang.blogspot.com/2013/04/tips-dan-trik-membuat-gambar-membesar.html Dan semoga pembahasan Mengenai Tips Dan Trik Membuat Gambar Membesar Saat disentuh Cursor- Blak Kotang , Bisa Membantu Dan semoga juga artikel ini bisa bermanfaat, dan bila arikel ini menurut sahabat blakkotang bermanfaat silahkan di bagikan kepada teman atau sahabat-sahabat lainya, terimakasih ,

ARTIKEL BERIKUTNYA :

.

Tweet