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...
semoga artikel ini dapat bermanfaat buat sobat bloger...

 

Terimakasih atas kunjungannya,Bila anda suka dengan artikel ini silahkan JOIN TO MEMBER BLOG atau berlangganan geratis Artikel dari blog ini, daftarkan email anda pada form subscribe dibawah halaman . Pergunakan vasilitas diblog ini untuk mempermudah anda. Bila ada masalah dalam penulisan artikel ini silahkan kontak saya melalui kotak komentar yang ada dibawah atau gunakan fasilitas yang ada diblog ini untuk menghubungi saya.

Salam Blogger.... !!! .

Admin Rivai Silaban

Share article with : Google+ Facebook Twitter

Di posting oleh : Unknown Update pada : 2:32 AM