Friday, April 11, 2014

cara membuat efek zoom gambar valid html5

zoom 150%
    Kali ini Saya Bebagi Tentang cara membuat efek zoom Gambar sa'at kursos mengenai gambar pada post blogger sobat,mungkin udah jadul bagi blogger tapi saya hanya ingin berbagi sesama blogger pemula seperti saya ini, tanpa ada ocehan lagi lansung ke tkp gan,,!
cara membuat efek zoom memakai css valit Html5
Ikuti langkah`langkah dibawah ini,,,,

1-Silahkan login ke Blogger
2-terlebih dahulu.Kemudian klik Tata Letak.Edit HTML.
3-Letakkan kode css berikut ini, tepat diatas kode </head>

 <style type="text/css"> .post-body img:hover{
zoom:150%;
} </style> 
 
   Selain cara diatas sobat bisa jugak lakukan dengan cara yang dibawah ini Efek zoom tanpa memakai  Css. ikuti langkah dibawah ini,,,,
  1. Sama seperti cara yang di atas
  2. cari kode ]]</b:skin> 
  3. tempel kode dibawah ini tepat diatas kode yang tadi sobat cari
.post-body img:hover{
zoom:150%;
}
 not"isikan nilai sesuka mu pada warna pink dalam persentase normalnya 100%,,
kemudian Simpan Template lihat hasilnya. untuk mencegah terjadinya kesalahan atau error Template blog,, bisa sobat lakukan dengan mengklik  Cadangkan / Pulihkan. terlebih dahulu dan pilih cadangkan. sebelum sobat obrak abrik/kotak katik blogger

No comments:

Post a Comment