[BLOG] CARA BUAT ZOOM EFEK PADA IMAGE DI BLOG

CYBER_TNT - Assalamualaikum Sobat TNT. Setelah sebelumnya saya posting tentang artikel CARA MEMBUAT BACKGROUND ENTRI/POSTING BERUBAH SAAT DISENTUH MOUSE selanjutnya saya akan memposting artikel tentang CARA BUAT ZOOM EFEK PADA IMAGE DI ENTRY BLOG. Sudah tau kan tema kita kali ini, Berikut Tutorialnya :

1. Login dahulu ke Blog Sobat.
2. Setelah login klik TEMPLATE - EDIT HTML - LANJUTKAN - kemudian Centang EXPAND TEMPLATE WIDGET.

4. Jika sudah car code ]]></b:skin> ( gunakan CTRL + F ) Dan letakan code dibawah ini tepat diatas code ]]></b:skin> :

.post img, table.tr-caption-container { border:none; 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);border-radius:15px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); }

5. Jika sudah klik SIMPAN TEMPLATE, SELESAI !!!

Sekian dulu post kali ini.

Semoga Bermanfaat.

HAPPY ENJOY :)