Cara Membuat Gambar Berputar Di Blogger




Cara Membuat Gambar Berputar Di Blogger
Cara Membuat Gambar Berputar Di Blogger

Pada sore ini saya akan berbagi cara untuk membuat gambar berputar di blogger, cara nya pun sangat mudah sekali untuk menerapkan membuat gambar berputar tersebut. Namun untuk yang baru mengenal  atau baru masuk di dunia blogger ( Newbie) mungkin hanya sedikit saja mengalami kesulitan, karena cara ini untuk penerapannya menggunkan Kode CSS.

Nah saya saya tidak akan menjelaskn panjang lebar lagi, karena sudah hampir mau magrib. Untuk lebih jelasnya anda bisa terlebih dahulu lihat Demo nya yang sudah saya sediakan di bawah ini.


Gambar Berputar Di Blogger

  1. Pertama , pastikan anda sudah masuk di dasbhor anda sendiri
  2. Masuk pada bagian editor template , caranya pilih Menu Template -> Edit HTML.
  3. Temukan kode disamping ini </head> cara cepat anda bisa tekan CTRL + F
  4. Kemudian anda Paste kode di bawah ini sebelum kode </head>
    <style type='text/css'> body img{ -webkit-transition: -webkit-transform 1.1s ease-in-out; transition: transform 1.1s ease-in-out; } body img:hover{ -webkit-transform: rotate(360deg); transform: rotate(360deg); } </style>
  5. Jika sudah bisa anda klik save template, dan anda bisa lihat hasilnya.
Kalian bisa membuat efect rotate seperti pada link text, gambar, div dan yang lainnya.. dengan cara mengganti kode ini body img Kode di atas berfungsi untuk membuat efect hover pada semua image yang ada pada body, seperti image di postingan, popular post dll
Demikian penjelesan yang singkat pada sore ini, selamat mencoba dan somga bisa bermanfaat untuk anda. Jika anda mengalami kesulitan cara penerapan di atas, anda bisa berkomentar di bawah ini dan saya akan membantu. salam blogger

Share Google URL Shortener: Get Short URLloading short url

Bila Anda merasa memang artikel-artikel di blog ini bisa bermanfaat, maka Anda bisa membantu memberikan donasi melalui Paypal Dana hasil dari donasi akan digunakan untuk memperpanjang domain mizipedia.com - Terima kasih.



Comment Policy Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.

Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

No comments

Peraturan Berkomentar di mizipediacom
1. Berkomentarlah dengan Relevan dan Sopan
2. Jangan Spam
3. Tidak Porn dan Sara
4. Berkomentar dengan link tanpa relevan maka akan otomatis terhapus
5. Semua komentar pasti akan saya baca dan dibalas. Show Emoticon. Klik ==>


Join on this site

with Google Friend Connect