Saturday, December 12, 2015

Cara Membuat Efek Hujan Salju di Blogger

Cara Membuat Efek Salju di Blogger

Assalamu 'alaikum warohmatullahi wabarokatu, dalam posting kali ini saya akan membahas tentang salah satu efek animasi di blog, yaitu efek salju. Salah satu efek animasi yang ada di blog-blog yang pernah sobat kunjungi mungkin salah satunya adalah efek hujan salju. Efek ini adalah salah satu modifikasi untuk memperunik tampilan blog sehingga dapat membuat pengunjung sedikit lebih tertarik.

Efek animasi ini menggunakan pengkodean Javascript, efek yang akan dihasilkan adalah taburan butir-butir salju yang bergerak jatuh atau serong seperti tertiup angin kencang yang bergerak melawan arah kursor bergerak. Dalam animasi ini sobat dapat mengganti warna bola-bola salju sesuai keinginan sobat. Berikut pengkodean dan cara memasang efek animasi hujan salju tersebut.

Pertama-tama silahkan sobat buka dashboard blogger sobat, kemudian pilih menu Tata Letak lalu klik Tambah Gadget, tambahkan widget HTML/Javascript lalu masukkan kode berikut.

<script type="text/javascript" src="https://rawgit.com/maringngerrang/js/master/salju.js" /></script>
<script type="text/javascript">
snowStorm.snowColor = '#fff'; 
snowStorm.flakesMaxActive = 96;
snowStorm.useTwinkleEffect = false;
</script>

Sobat menemukan kode warna yang tertulis #fff silakan ganti kode tersebut dengan nama warna atau kode hex warna yang sobat inginkan untuk warna bola salju yang berjatuhan. Sedangkan angka 96 yang terdapat pada kode tersebut adalah frekuensi jumlah bola salju yang jatuh tiap detiknya. Semakin besar nilainya semakin banyak pula salju yang berjatuhan namun pada batas tertentu namun pada jumlah banyak dapat menyebabkan komputer jadi agak lambat. Silahkan coba sendiri kode tersebut pada link berikut ini atau silahkan lihat live demo untuk melihat contohnya.


Mungkin cukup sekian, jika ada yang ingin anda tanyakan silahkan sampaikan pada kotak komentar dibawah atau bisa juga melalui halaman contact blog ini yang bisa dibuka pada menu blog dibagian paling atas. Terima kasih, assalamu 'alaikum.
Disqus Comments