Cara Membuat Gambar Auto Zoom Jika disentuh Cursor Mouse. Pada kesempatan kali ini, saya akan membahas salah satu cara mempercantik desain interface blog atau website yaitu Cara Membuat Gambar Auto Zoom Jika disentuh Cursor Mouse. Teman-teman pernah lihat blog atau website yang jika gambar pada blog atau website tersebut disentuh oleh cursor mouse gambar tersebut langsung auto zoom ?, pastinya pernah dong.. gimana bagus bukan ?


Cara Membuat Gambar Auto Zoom Jika disentuh Cursor Mouse
Oke langsung saja, pastinya teman-teman juga sudah tidak sabar lagi kan ingin cepat-cepat membuatnya. Mari ikuti langkah-langkahnya sebagai berikut.
Yang pertama teman-teman harus lakukan adalah usahakan posisi teman-teman sudah login ke blogger.
Langkah selajutnya pada menu blogger pilih menu Template dan lalu Edit HTML.
Lika seudah, langkah selanjutnya adalah cari code ]]></b:skin>  agar lebih cepat teman-teman tekan Control (Ctrl) + F untuk mencarinya.
Oke jika sudah ketemu copy kan code dibawah ini tepat diatas code ]]></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); }

Dan langkah yang terakhir adalah Save Template. Selesay!
Nah giman teman-teman mudah kan ?.
Selamat mencoba.
Jika ada yang kurang jelas dipostingan ini silahkan teman-teman langsung tanyakan dengan berkomentar dibawah ini.
Semoga Cara Membuat Gambar Auto Zoom Jika disentuh Cursor Mouse bisa membantu dan bermanfaat untuk teman-teman.
Note : Jika teman-teman menyukai artikel Cara Membuat Gambar Auto Zoom Jika disentuh Cursor Mouse tolong tinggalkan jejak teman-teman dengan berkomentar dibawah ini atau share it via Google+, Twitter, Facebook, dll.
Terimakasih!

0 komentar:

Posting Komentar

 
Top