Cara Membuat Effect Berputar Dan Membesar Pada Gamabar Post Blog


Effect  berputar dan membesar pada postingan  bikin tampilan blog menarik dan lebih hidup, selain itu bisa membantu para pengunjung bisa lebih jelas menikmati gambar.... hehehehe canda, karna tak perlu mengklik gambar untuk memperbesar, tapi hanya dengan mengarahkan cursor pada gambar, gambar akan langsung berputar dan membesas.



Gimana menarik bukan? hehehehe.. ya jelas menarik laaaah....ok kalo begitu silahkan ikuti tutorial berikut ini
  • Langkah pertama seperti biasa Login ke Blog Sobat
  • Klik Template >> Expand  Template Wedget 
  • Cari code/script ]]></b:skin> tekan ctrl+f untuk mempermudah pencarian
  • Selanjutnya copy paste script dibawah ini dan letakan tepat di atas ]]></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}}
  • Yang terahir save/simpan template>> moga berhasil ya. salam bloger
  • sumber : disini

Tidak ada komentar :

Template by: Blogger / Design: Blog arjem