Selasa, 08 Desember 2015

Membuat Gambar Membesar Saat disentuh Cursor di blog

Post oleh : Unknown | Rilis : Desember 08, 2015 | Series :

selamat datang di blok ane ............. kali ini saya membagi sebuah tutorials blog agar blog kita menjadi cantik dan keren.
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>
  • Terakhir klik Simpan Template. Sekarang lihat hasilnya di blog Sobat.
.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); }






test gambar seperti di bawah ini effects nya



 

jangan lupa kunjugi blog ane lagi ...salam sedot

google+

linkedin

4 komentar

Tulis komentar
avatar
Imam Firdaus
Admin
Selasa, 08 Desember, 2015

oh gitu ya gan caranya, thanks gan infonya :)

Reply
avatar
Selasa, 08 Desember, 2015

ok thanks all makasih mampirnya

Reply

Berkomentarlah dengan bijak karena akan dilihat oleh orang sesudah anda
Terimakasih yang telah berpartisasi kepada blog ini dengan cara berkomentar.