Cara Membuat Gambar Postingan Ber-background Image Animation - Kurazone Blog | Panduan Belajar Blogger Pemula

Cara Membuat Gambar Postingan Ber-background Image Animation

Pilihan Editor :

Cara Membuat Gambar Postingan Ber-background Image Animation
Penulis Bagus Surochman
2
Modus malam




KURAZONE ~ Halo sahabat Kurazer, pada kesempatan kali ini kita akan belajar tentang "Cara Membuat Gambar Postingan Ber-background Image Animation", artikel ini merupakan artikel lanjutan dari artikel sebelumnya, yaitu : Cara Membuat Gambar Postingan Ber-background Gradient Animation.

Cara Membuat Gambar Postingan Ber-background Image Animation

1. Masuk ke Akun Blogger >> Pilih Tema >> Pilih Edit HTML
2. Copy kode CSS dibawah ini, lalu letakkan (paste) diatas kode ]]></b:skin>
.kurazonehh{
    background: #B2F1FF url(https://sites.google.com/site/sotazone/imghh.png);
    padding: 20px;
    -webkit-animation: loopnavbg-data-v-c423aec0 350s linear infinite;
    animation: loopnavbg-data-v-c423aec0 350s linear infinite;
    -webkit-animation: loopnavbg-data-v-c423aec0 350s linear infinite;
    animation: loopnavbg-data-v-c423aec0 350s linear infinite;
    animation: loopingbackg 350s linear infinite;
}
@-webkit-keyframes loopingbackg
  {to{background-position:0 -3e3px}}
@keyframes loopingbackg {to{background-position:0 -3e3px}}
3. Simpan template
4. Masuk ke Menu Postingan, lalu edit atau buat entri baru.
Untuk memanggil kode Image Animation nya tinggal menggunakan kode dibawah ini.

<div class="kurazonehh">
<center><img src="https://sites.google.com/site/sotazone/kurazone.png" /></center>
</div>

Hasilnya akan nampak seperti dibawah ini :


NOTE :

  1. Ganti warna background dengan mengubah kode yang telah ditandai.
  2. Ganti URL gambar dengan URL gambar milik kalian.
  3. Sisanya bisa kalian kembangkan sendiri.

*Ekstensi gambar bisa berupa JPG, PNG ataupun GIF
Selesai... gampang bangets kan..?!

Itulah informasi mengenai "Cara Membuat Gambar Postingan Ber-background Image Animation", selamat mencoba dan semoga bermanfaat. Goodluck !!

Contoh - Contoh Kreasi :








nanio
Cara Membuat Gambar Postingan Ber-background Image Animation
Cara Membuat Gambar Postingan Ber-background Image Animation Cara Membuat Gambar Postingan Ber-background Image Animation Reviewed by Bagus Surochman on 11/02/2018

2 komentar:

  1. Bagus Min....
    Hihihiii, itu koleksi animasinya ada berapa Min ???

    Apa hanya yg ada dicontoh saja ???

    BalasHapus
    Balasan
    1. Ada banyak di google mas.. Yg tampil disini sebagai contoh aja. . 😂😂😂😁😀😉

      Hapus

1. Berkomentarlah dengan tata bahasa yang baik agar orang lain tahu sebijak apa karakter anda melalui kata kata.
2. Silahkan tulis komentar anda untuk hal apapun yang masih berhubungan dengan post pada halaman ini.
3. Mohon untuk tidak menyertakan Link Aktif pada kolom komentar.
4. Mohon maaf apabila tidak sempat membalas komentar 1 per 1.
5. Komentar selalu di moderasi.