Membuat Gambar Berputar Dan Zoom Diblog

Membuat Gambar Berputar Dan Zoom Diblog
Selamat datang di blog  Karrysta™ Berbagi Tips Dan Trik SEO, di kesempatan kali ini
Saya akan membahas tentang gambar yang sering kita pakai untuk melengkapi  sebuah
Atau artikel postingan, karna pada dasar nya gambar itu juga bisa menjadi pengundang
Pengunjung atau visitor dimana kalau meta tag di terap kan di dalam properties gambar

Demo dari effect  Cara Membuaat Gambar Berputar Dan Zoom Diblog  coba arahkan coursor
Anda pada gambar di postingan ini atau semua gambar yang ada di blog ini secara sepontanitas
Gambar akan berputar, dan zoom sampai lebar dan tinggi nya 360px dari gambar asli postingan

Cara memasang kode css nya :
Masuk ke account web - blog anda lalu sigin
Pilih dasboard lalu pilih element edit template
Cari kode  ]]></b:skin>  Pastekan kode dibawah ini tepat
Diatas kode ]]></b:skin> jangan di bawah nya tanpa spasi

Ini kode css javascript nya :

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

Sebelum save previews - peninjauan barang kali ada kesalahan  memasang kode tersebut
Setelah previews tidak ada laporan eror maka anda tinggal klik tomol save  lihat hasil nya
Sekian semoga artikel ini bermanfa,at untuk menghiasi blog anda guna memanjakan visitor

Saling Mereviews Rank Alexa klik icon di bawah ini :