CARA MEMBUAT GAMBAR BERPUTAR DI POSTINGAN BLOG
2. Pilih rancangan / desing dan klik edit HTML dan lanjutkan
3. Centang "Expand Template Widget" untuk menghindari apabila terjadi kesalahan
4. Sobat cari kode </head>
5. Setelah ketemu sobat copy paste code di bawah ini tepat di atas kode </head>
<style>#wandy img{-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out;}
#wandy img:hover{ -o-transform: scale(1.5) rotate(360deg); -moz-transform: scale(1.5) rotate(360deg); -webkit-transform: scale(1.5) rotate(360deg);}</style>
6.Klik simpan
7.kode paste kode ini dipostingan sobat da lihat hasilnya
<div id="wandy">
<a href="http://http://wandykambuno4.blogspot/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDYGuIpeOP6iXjoyO4syChdR7eDvc0r_q1eFlae-kQpwW3OFDs3nNSbXtI3m4HeTbWH-x-LQys-H_lZxhhs6VtQnu0Ezj09l8gxiXMVNEMR6CvXolGlzE2dyZ0BVuKdH4sb9P2p4CI3VSP/s1600/FIL64-300x200.jpg" /></a></div>
keterangan:
- kode berwarna merah adalahkode pembuka dan penutup
- kode berwarna hijau silakan sobat ganti dengan URL blog Sobat dan URL gambar yang ingin Sobat pasang di dalam postingan.
- Setelah semuanya selesai klik publikasikan.
Tidak ada komentar:
Posting Komentar
Terima kasih telah berkunjung ke blog sederhana ini,silahkan berkomentar dengan sopan