Friday, August 3, 2012

Gambar Membesar Saat Diarahkan Cursor

Diposkan oleh Lyana Ismadelani


Eng ing eng kali ini saya kembali melakukan sedikit sesuatu pada blog ini.. Dan saya akan memberitahu apa yang baru saja saya lakukan. Taa~daaaaaaa~ Jadi kita bisa membuat ukuran gambar yang ada di postingan kita menjadi ukuran yang lebih besar. Yaa seperti di-zoom gituh. Ikutin langkah-langkahnya yuuukss :)
  • Log in ke bloggernya agan sista
  • Pilih template lalu Edit HTML
  • Lalu pilih Proceed
  • Cari kode yang seperti ini :  ]]></b:skin> 
  • Copykan kode dibawah ini tepat diatas kode yang barusan kita cari :

.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); }

Selamat mencoba :) Semoga bermanfaat O:) (ismadelaniLYANA/"iL.blog")***

Read Also

IMPORTANT IMPORTANT IMPORTANT IMPORTANT ^^

Postingan yang berada dibawah PESAN INI sama dengan postingan yang ada diatas ^^

Gambar Membesar Saat Diarahkan Cursor



Eng ing eng kali ini saya kembali melakukan sedikit sesuatu pada blog ini.. Dan saya akan memberitahu apa yang baru saja saya lakukan. Taa~daaaaaaa~ Jadi kita bisa membuat ukuran gambar yang ada di postingan kita menjadi ukuran yang lebih besar. Yaa seperti di-zoom gituh. Ikutin langkah-langkahnya yuuukss :)
  • Log in ke bloggernya agan sista
  • Pilih template lalu Edit HTML
  • Lalu pilih Proceed
  • Cari kode yang seperti ini :  ]]></b:skin> 
  • Copykan kode dibawah ini tepat diatas kode yang barusan kita cari :

.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); }

Selamat mencoba :) Semoga bermanfaat O:) (ismadelaniLYANA/"iL.blog")***
 

Just a Little Thing Copyright 2009 Sweet Cupcake Designed by Ipietoon Blogger Template Image by Online Journal