Cara Membuat Gambar pada Posting Berputar

Gambar pada posting blog dapat kita tambahkan bermacam-macam efek seperti transparan dan efek bayangan agar terlihat lebih menarik. Untuk menambahkan efek pada widget, gambar, atau komponen lain dalam blog harus Anda perhatikan juga keindahan setelah menambahkan efek tersebut, jangan sampai nanti setelah Anda tambahkan efek akan mengganggu pengunjung melihat dan membaca posting blog.

Pada kesempatan ini kami akan memberikan informasi cara membuat gambar pada posting berputar, seperti contoh yang sudah kami tuliskan pada artikel sebelumnya yaitu cara membuat logo header pada blog berputar. Langsung saja berikut langkah cara membuat gambar pada posting berputar :

1. Login akun blogger Anda.
2. Pilih menu tab Tema >> Klik Edit HTML.
3. Kemudian cari kode .post-body img (Gunakan Ctrl+F untuk mempermudah pencarian).
4. Tambahkan kode berikut diatas .post-body img

.post-body img:hover {
-webkit-transition-duration: 3s;
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}

Keterangan :
Kode 3s : kecepatan gambar berputar.
Kode 360deg : menentukan jauh tidaknya sudut perputarnya.
5. Kemudian Simpan tema.

Nah, itu tadi cara membuat gambar pada posting berputar, jika Anda tambahkan tersebut semua gambar pada posting blog akan berputar tidak hanya 1-2 posting saja. Semoga berhasil dan bermanfaat!