Cara Membuat Gambar Berputar Di Blogger Cara Membuat Gambar Berputar Di Blogger - mizipediacom mizipediacom: Cara Membuat Gambar Berputar Di Blogger

Iklan Semua Halaman

Cara Membuat Gambar Berputar Di Blogger

Sabtu, 17 Februari 2018



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
Baca Juga