nongool.com - Tue 21/01/2014 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 ?
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>
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!
Created By : Unknown - www.nongool.com
Anda sedang membaca artikel tentang Cara Membuat Gambar Auto Zoom Jika disentuh Cursor Mouse.Jika anda suka artikel ini, anda dapat share artikel ini dengan disertakannya link yang sesuai dengan postingan ini sebagai sumbernya. silahkan copy link dibawah ini:
- Hak cipta pemilik -
gan saya udah coba scriptnya, tapi ini cuman untuk gambar dari satu postingan saja apa semua gambar gan ?
ReplyDeletesoalnya ane coba di gambar postingan ane yang lain ga bisa zoom, harus di refres dulu baru bisa.
Ini untuk semua jenis gambar mas, kalo gambar yang lain gak bisa zoom coba periksa script gambar diblog mas nya. mungkin ada yang perlu diperbaiki.
Delete*silahkan baca artikel terkait lainnya mas, terimakasih sudah berkunjung.