Hay sob, kali ini saya akan share bagaimana cara membuat gambar di header bergerak. ikutin langkah-langkahnya ya.
- Login ke blogger
- Pilih menu template >> edit HTML >> lanjutkan
- Cari Kode ]]></b:skin> Lalu letakkan code di bawah ini tepat diatasnya...
a.thumbopacity img { -moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s
ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s
ease-out;margin-top:5px;margin-left:18px; position:absolute; }
a.thumbopacity:hover img{ margin-left: 175px; padding-left: 0px; }
- Sesuaikan letak Gambar kalian dengan mengedit marginnya
- Lalu copy code di bawah ini dan pastekan tepat dibawah code </head>
<a class='thumbopacity'>
<img border='0' src='http://i.imgur.com/BVMmnoL.png'/></a>
Nb:
Kode yang warna biru itu adalah jarak gambarnya. Silahkan di ubah.
Kode yang warna Hijau itu adalah Url Gambar yang akan bergerak nanti.
Selanjutnya tinggal kalian utak atik sendiri, dan selamat mencoba
Judul : Cara Membuat Gambar Bergerak Di Header
Deskripsi : Hay sob, kali ini saya akan share bagaimana cara membuat gambar di header bergerak. ikutin langkah-langkahnya ya. Login ke blogger ...