Cara buat efek gambar bergoyang (shake image) di Postingan Blogger

Visitor blog memang cenderung lebih cepat bosan dalam hal yang menoton, salah satunya dalam hal tampilan blog. Terkadang visitor ingin melihat gaya blog yang menarik. Sedangkan ada orang bilang  tekanan berbanding lurus dengan gaya semakin banyak gaya semakin banyak tekanan, ngomong apa sih !!!, gak nyambung. (Serius) Saya mau bahas cara pasang efek gambar bergoyang (shake image) di postingan blog kaya punya mbak igniel.

Contohnya seperti gambar dibawah ini :

Apa aja yang dibutuhkan :

1. Punya Kompi :D

2. Punya Blog

3. Punya Keinginan 

4. Oh ya jangan lupa scriptnya jg

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }

(Serius) Langkah langkah yang harus dilakukan:

1. Buka blogger.com

  

2. Buka "Theme" lalu pilih "edit html"

3. Arahkan kursor ke kode lalu klik, kemudian Tekan Ctrl+F , cari kode " <style> ". copikan dan pastekan kode script diatas tepat  dibawah  " <style> ".

4. Kira jadinya seperti ini, kemudia tekan " save theme "

5. Coba Post gambar atau lihat postingan agan yang ada gambarnya, arahkan cursor ke gambar apa yang terjadi . Enjoy !!! Selamat Mencoba

Baca Juga

Share Share Tweet Share Share Share

KLIK

DONASI VIA PAYPAL Bantu berikan donasi jika artikelnya dirasa bermanfaat. Donasi akan digunakan untuk memperpanjang domain https://perpustakaantambang.blogspot.com/. Terima kasih.