Kamis, 25 Oktober 2012

Membuatcara membuat Effect Berputar dan Zoom otomatis di setiap posting

Nah,,,Postingan Saya kali ini membahas Cara Membuat Effect Berputar dan Zoom otomatis di setiap postingan.

DEMO


hahaha,, ingin membuatnya?
simak aja caranya di bawah ini:


  • Login ke Blogger Sobat 
  • Pilih Template lalu Pilih Edit HTML tekan Lanjutkan 
  • Kalu takut error silahkan di backup dulu template sobat 
  • Kemudian Centang Expand Template Widget 
  • Terus Cari Kode ]]></b:skin> (gunakan CTRL + f)
  • Tambahkan Kode Berilut Tepat diatsa kode ]]></b:skin> atau bisa di urutkan di .post img{ 

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



  • save template
  • lihat hasilnya
nah sekarang langkah tutorial kita sudah selesai, anda bisa mengubah kode-kode diatas sesuai dengan kreatifitas dan selera anda.

Semoga Bermanfaat

Tidak ada komentar:

Posting Komentar