Agie Faishal
Agie Faishal
  • 2
  • 5 307
WordPress Tutorial - Create Animated Backgrounds on Websites Using Elementor and Particles JS
Hi, saya Agie Faishal seorang Produk Desainer. Di video tutorial efek animasi interkatif yg ke 2 ini akan memperlihatkan bagaimana cara membuat animasi background yang interaktif pada website menggunakan Elementor dan Particles JS. Semoga apa yg saya share bisa bermanfaat ya. Feel free buat kasih saran dan feedback nya.
Link preview: agiefaishal.com/content2
Link Particles JS: vincentgarreau.com/particles.js/
Link Source Code: agiefaishal.com/wp-content/uploads/2022/03/script-particles.zip
0:00 - Intro
1:12 - Custom Particles JS
2:39 - Salin JS ke template source code
3:56 - Tambah elemen HTML
4:15 - Salin script dari template ke elemen HTML
4:33 - Tambahkan id "particles-jd" ke section
5:05 - Update dan View Page
---
My web portfolio: agiefaishal.com
Instagram: agiefaishal
Twitter: agiefaishal
---
Tutorial Wordpress - Membuat Animasi Background pada Website Menggunakan Elementor dan Particles JS
Переглядів: 499

Відео

WordPress Tutorial - Create Animated Backgrounds on Websites Using Elementor and Vanta JS
Переглядів 4,8 тис.3 роки тому
Hi, saya Agie Faishal seorang Produk Desainer. Di video tutorial ini akan memperlihatkan bagaimana cara membuat animasi background yang interaktif pada website menggunakan Elementor dan Vanta JS. Semoga apa yg saya share bisa bermanfaat ya. Feel free buat kasih saran dan feedback nya. 0:00 - Intro 0:27 - Step 1: Buat Halaman Baru 1:06 - Step 2: Buat dan Siapkan Konten 3:09 - Step 3: Buka Websit...

КОМЕНТАРІ

  • @arifrahman8602
    @arifrahman8602 2 роки тому

    bang tampilin src link nya gmn? 🙏

    • @agiefaishal3147
      @agiefaishal3147 2 роки тому

      Tinggal di buka aja url src yg di vanta.js nya bang, menit 4:22

  • @ahmadahlan6893
    @ahmadahlan6893 2 роки тому

    Subscribe woy kasian nak org 😄

  • @ahmadmaulidigreenhouse2137
    @ahmadmaulidigreenhouse2137 2 роки тому

    wah ini gan yang saya cari-cari, makasih gan

    • @agiefaishal3147
      @agiefaishal3147 2 роки тому

      Sama2 gan, syukur alhamdulillah klo ngebantu🙏

  • @fajarfebriansyah5755
    @fajarfebriansyah5755 2 роки тому

    cara munculin navigator heroBanner dimana ya

    • @agiefaishal3147
      @agiefaishal3147 2 роки тому

      heroBanner itu dari add section yg saya rename bang

  • @crissiebarners7549
    @crissiebarners7549 2 роки тому

    😌 p♥r♥o♥m♥o♥s♥m

  • @nyaridesain5257
    @nyaridesain5257 2 роки тому

    Makasih kak atas ilmunya

  • @sirdailami3965
    @sirdailami3965 2 роки тому

    tutornya kecepetan bang

    • @sirdailami3965
      @sirdailami3965 2 роки тому

      pusing aing liatnya

    • @agiefaishal3147
      @agiefaishal3147 2 роки тому

      @@sirdailami3965 Wah sorry kak klo kecepetan. Sebenernya tutorial ini buat yg udah paham basic develop website pake wordpress, jadi tinggal ngikutin langkah2 utama nya aja. Insya Allah klo ada kesempatan saya buat dari nol/basic ya

  • @artarcreative
    @artarcreative 2 роки тому

    Terimakasih kak, keren abis hasilnya 🙏🙏👍

  • @nontongratis6465
    @nontongratis6465 2 роки тому

    kak punya saya kenapa tidak keluar ya

    • @agiefaishal3147
      @agiefaishal3147 2 роки тому

      Apakah sudah dipastikan utk ID dan src link nya sesuai kak?

  • @gamissragen600
    @gamissragen600 2 роки тому

    Mantap mas ilmunya, semoga berkah🙏

  • @altoraz
    @altoraz 2 роки тому

    Nice tutorial... Gokilll

  • @nyaridesain5257
    @nyaridesain5257 3 роки тому

    Kalo bisa request tutor bikin landing page kak ..