Sabtu, 19 Oktober 2013

CARA MEMBUAT GAMBAR BERPUTAR DAN MEMBESAR

CARA MEMBUAT GAMBAR BERPUTAR DAN MEMBESAR

 Mungkin agan agan bertanya gimana sih cara bikin animasi yang bisa bergerak ataupun berputar
bila mouse kita letakkan pada gambar yang ada di blog...

 
 
 Gak usah bingung agan agan kali ini bembem akan berbagi tips buat kalian
tapi sebelumnya siapin dulu kopi ma cemilan biar kagak ngantuk....(hehehheh)
 Ada juga yang bertanya buat apa sih gambar gambar bisa bergerak....
tentu saja agan2 pasti sudah tau....yah itu tadi buat mempercantik blog.
 woalah malah ngelantur kesana kemari...cepetan ngapa (wkwkkwkwkkwk)
tenang agan2 kagak usah esmosi pan dah ada kopi ma cemilan...
ok dah langsung aja gan....dari pada ntar kebanyakan darah...soalnya darah tinggi (kkkkakakka)
nie langsung aja gan....
Langkah langkahnya sbb:
  • pertama login pada blog kalian
  • kemudian klik template ----> EDIT HTML
  • kemudian klik sembarang pada kotak template
  • cari kode ]]></b:skin> (untuk memudahkan pencarian gunakan CTRL + F)
  • kemudian copaz kode dibawah ini sebelum atau diatas kode
    ]]></b:skin>
.post img{-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}.post img:hover{-o-transform:scale(1.2) rotate(360deg) translate(0px);-moz-transform:scale(1.2) rotate(360deg) translate(0px);-webkit-transform:scale(1.2) rotate(360deg) translate(0px);-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}}
  • kemudian simpan template agan 
NB: *sebelum agan menyimpan sebaiknya agan klik pratinjau template untuk mengetahui jika terjadi error*
sekian dari BEMBEM semoga bermanfaat..........

Tidak ada komentar:

Posting Komentar