Cara membuat efek Z00m pada gambar diblog saat disentuh cursor diblog

created by Adhe N.tawakkal

Cara membuat efek Z00m pada gambar diblog saat disentuh cursor diblog - Cara ini sudah lazim digunakan para bloger handal maupun baru, tapi untuk tutorial kali ini saya akan mengulasnya kembali . Tehnik cara memperbesar gambar diblog ini dapat memperindah blog kita agar terlihat lebih elegan kalo kata orang luar. Tehnik  Cara membuat efek Zome pada gambar diblog saat disentuh cursor diblog ini sangat simpel tanpa membutuhkan seorang ahli blog. Oke seperti biasa kita akan langsung berangkat ke TKP.


1. Login ke Blog

2. Masuk menu Edit HTML

3. Cari kode ]]></b:skin>

  ketik Ctrl + F untuk mempercepat pencarian

4. Letakan kode dibawah ini tepat 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); }

Save template anda dan lihat hasilnya..... 

Artikel Terkait :