Cara Memasang jQuery Background Animasi Particle
1. Masuk Blogger2. Klik Template
3. Terus Edit HTML
4. Tekan Cari Ctrl + F
5. Ketik Cari </head> Untuk Plugin JQuery Particle Ground
6. Letakkan Kode Di Bawah Untuk Plugin JQuery Particle Ground Ini </head> Di Atas
<script src='https://cdn.rawgit.com/songketwarnetma/maharani-js/master/jquery.particleground.min.js'></script><script src='https://cdn.rawgit.com/maharanidanathallah/athallah-site-ma/master/jquery.particleground.min.js'></script>8. Letakkan Kode Di Bawah Untuk Gaya Particle Ground Ini </head> Di Atas
<style>
#particle {
position: fixed;
height: 100%;
width: 100%;
top:0;
opacity: .3;
z-index: -10000;
transform: translate3d(0,0,0);
}
</style>10. Letakkan Kode Di Bawah Untuk jQuery Particle Ground Ini </body> Di Atas
<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>Perhatikan Berwarna Merah Bola Kecil Warna11. Lanjut Ketik Cari <body> Untuk Particle HTML
Perhatikan Berwarna Biru Garis Warna
Berwarna Ungu Hapus Code Sini gNavController('#gnav');
12. Letakkan Kode Di Bawah Untuk Particle HTML Ini <body> Di Bawah
<div id='particle'/>14. Lihat Hasil Blog
Saya udah ikuti tutorial diatas, namun particle nya masih tidak muncul ? apakah coding dan script diatas masih berfungsi ???
ReplyDeleteplease tolong diperbarui lagi coding nya mas.
saya mau coba pake juga.
sebelumnya saya ucapkan terima kasih.