07 February 2018

Cara membuat efek gambar berputar di Blog

Bagi yg ingin coba menerapkan Efek gambar berputar seperti di Blog ini, berikut tutorialnya langsung disimak aja ya gan..

1. Pertama Login ke Blogger  >> Dashboard

2. Pilih Template/Tema >> Edit HTML



3. Tekan Control+F di keyboard dan ketikan cari kode ]]></b:skin>
  
4. Copy kan kode dibawah ini tepat diatasnya kode ]]></b:skin> tadi

.post img{-o-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease} .post img:hover{-o-transform:scale(1.9) rotate(360deg) translate(0px);-moz-transform:scale(1.9) rotate(360deg) translate(0px);-webkit-transform:scale(1.9) rotate(360deg) translate(0px);-o-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease}


5. Simpan  >> Selesai, dan lihat hasilnya..
Notes: Nilai angka bisa dirubah sesuai selera, untuk menghasilkan ukuran gambar saat zoom dan lamanya berputar, Silahkan dicoba..

No comments:

Post a Comment

Animated Cool Shiny Blue Pointer