Cara Membuat Gambar Zoom Otomatis Ketika ada Cursor Mouse

Hayy.....

pada kali ini ane mau ngasih tutorial blogging..."Cara Membuat Gambar Zoom Otomatis Ketika ada Cursor Mouse "

penasarankan bagaimana caranya... nih ane kasih tau caranya

Langkah-langkah :
1. Login ke akun Blogger Anda 
2. Masuk ke bagian Template 
3. Sebelum mengedit template saya sarankan untuk membackupnya terlebih dahulu.
caranya :
Klik Cadangkan / Pulihkan lalu pilih download template lengkap. 
4. klik Edit HTML → lanjutkan 
5. Cari kode ]]></b:skin> Tekan ctrl + f untuk mempermudah pencarian kode 
6. Jika sudah ketemu copy paste kode berikut diatas 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); }

7. pratinjau dahulu, kalau dah bisa baru.
8. Klik Simpan Template.



Mudah bukan, sekian dahulu . dah ngantug nih...

Semoga bermanfaat.....

Posted by Unknown

Tweet