MASIGNASUKAv102
4922683097822459718

Cаrа Memasang jQuery Background Anіmаѕі Pаrtісlе di blogger

Cаrа Memasang jQuery Background Anіmаѕі Pаrtісlе di blogger
Add Comments
12/30/2020

Hay teman-teman, pada kesempatan kali ini saya akan membagikan tutorial yang sangat menarik. Dimana kita akan membuat   jQuery Background Anіmаѕі Pаrtісlе di blogger. jQuery Background Anіmаѕі  Pаrtісlе ini tidak hanya untuk blogger bosku, kita bisa juga terapkan diwebsite kita. Asalkan kalian paham tentang coding website.

Lalu bagaimana sih Cаrа Memasang jQuery Background Anіmаѕі Pаrtісlе di blogger ? dari pada lama-lama lagi mari kita langsung saja ke tutorial.

jQuery Background Anіmаѕі Pаrtісlе

1. Buka Blogger
2. Klik Tema > Edit HTML
3. Cari tag </head> kemudian letakan kode dibawah ini tepat diatasnya. ( Tekan CTRL+F untuk Cari ).
<script src='https://cdn.rawgit.com/songketwarnetma/maharani-js/master/jquery.particleground.min.js'></script>
atau
<script src='https://cdn.rawgit.com/maharanidanathallah/athallah-site-ma/master/jquery.particleground.min.js'></script>
4. Kemudian letakan kode dibawah ini untuk gaya particle ground diatas tag </head> 
<style> #particle { position: fixed; height: 100%; width: 100%; top:0; opacity: .3; z-index: -10000; transform: translate3d(0,0,0); } </style>
5. Cari tag </body> lalu letakan script dibawah ini tepat diatasnya.
<script> (function (){ $('#particle').particleground({ density: 17000, dotColor: '#ccb679', lineColor: '#b58156', particleRadius: 5, proximity: 150, parallaxMultiplier: 10, parallax: false, minSpeedX: 0.1, minSpeedY: 0.1, maxSpeedX: 1, maxSpeedY: 1 }); })(); gNavController('#gnav'); </script>
6. Terakhir silahkan cari tag <body> kemudian letakan kode dibawah ini tepat dibawahnya.
<div id='particle'/>
7. Selesai.
Demikian tutorial tentang Cаrа Memasang jQuery Background Anіmаѕі Pаrtісlе di blogger semoga bermanfaat untuk teman-teman ya.
OMJUAN.COM

Situs penyedia tutorial programming online.