cara untuk membuat gambar membesar ketika mouse berada pada gambar tersebut yaitu dengan memasukan kode CSS berikut :

.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: 36px 12px;
-moz-border-radius: 36px / 12px;
-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
}

kode CSS di atas di letakan di dalam RANCANGAN -> PERANCANG TEMPLATE -> TINGKAT LANJUT >> LALU MASUKAN KODE CSS TADI DAN KLIK TERAPKAN KE BLOG

 jika cara tersebut tidak jadi maka jangan salahkan saya.

26 comments:

  1. wah jadi lebih hidup gambarnya ya gan, hebat... bisa gitu ya..

    ReplyDelete
  2. aneh ya.. ko punya si abang gedenya di batasi garis ya... tapi jadi asik.. tenkyu ya bang.

    ReplyDelete
  3. wah bisa di coba ni gan, makasih ya..

    ReplyDelete
  4. Nyimak aja, sob! Blm bisa praktek... Hehehe

    ReplyDelete
  5. Iye sob, sering lihat di blog kayak gitu. jadi tahu cara bikinnya hehehe..

    Thanks sob :)

    ReplyDelete
  6. mantap nih sob.. maksudnya efek zoom atau efek lensa.. sy mau coba dulu biar tau.. hehe

    ReplyDelete
  7. hooo~
    kalo kmarin sih aq dapat bocoran gambarnya bisa muter ^^

    ReplyDelete
  8. jiahaha .. ijin nyimak brader ..
    dan mampir kesini untuk kopi inponye .. hehe

    ReplyDelete
  9. Gua ikut nimbrung...
    Ane blum bisa praktekin.. Sekedar menyimak

    ReplyDelete
  10. coba ah, terima kasih tutorialnya agan, salam kenal n happy blogging

    ReplyDelete
  11. thanks gan buat info nya, salam kenal

    ReplyDelete
  12. jadi kelihatan wah ya kak,..hehehey,.. tapi mempengaruhi kecepatan loading blog g kak??

    ReplyDelete
  13. jadi kayak animasi ya.. keren!

    ReplyDelete
  14. saya coba dulu ya. kalau untuk di signiture bisa pake cara ini juga? soalnyapernah liat orang di forum gambar di signiturenya kalau di lewatin mouse jadi membesar.

    ReplyDelete
  15. Nice post gan! mantap (y) sangat membantu :D

    ReplyDelete
  16. nanti saya coba dah gan untuk pemanis blog saya ..

    ReplyDelete
  17. kunjungan saya lagi ni di blog sobatt...
    jngan lupa ramein artikel saya ini ya :
    http://revolution203.blogspot.com/2012/04/rencana-facebook-dengan-instagram.html
    oke makasihh.. :D

    ReplyDelete
  18. nih,,ini yang saya cari selama ini,,haha,,akhirnya ketemu juga,,,jadi pakai kode css ya,,,itu gak usah back up template dulu ga?

    ReplyDelete
  19. keren bangen nih,ijin nyimak gan,bikin lemot ga ya

    ReplyDelete
  20. nyimak aja sob. nice post. ditunggu kunjungan baliknya. :-)

    ReplyDelete
  21. Ilmu baru nih nanti saya coba praktekan sob

    ReplyDelete

Hi! :)

 
Top