Efek Salju
Efek salju banyak digunakan para blogger untuk mempercantik tampilan blog mereka. Selain dapat mempercantik tampilan, efek salju ini juga dapat membuat blog kalian lebih bervariasi atau tidak membosankan di mata pembaca.
Jadi tampilannya, salju akan turun satu persatu pada blog kalian.
Walaupun banyak yang bilang efek ini jadul atau kuno untuk dipakai di blog. Tetapi selera orang-orang berbeda, masalah bagus atau jeleknya efek ini tergantung diri sendiri.
Bagi kalian yang khawatir efek ini akan memberatkan blog kalian, tenang saja karena efek ini hanya efek simple saja, tentunya tidak akan memberatkan blog kalian.
Nah, jika kalian merasa efek ini dapat mempercantik blog kalian dan ingin menerapkannya di blog kalian, silahkan simak tutorial berikut.
Tutorial Membuat Efek Salju Di Blog
- Pertama, kalian pergi dahulu ke dashboard blogger.
- Lalu, masuk ke menu tema dan klik edit html.
- Kemudian, cari kode </body> dan masukkan kode berikut tepat diatasnya.
<div class='snowsand'>
<canvas class='snowball' id='snowball'></canvas>
</div>
<script type='text/javascript'>
//<![CDATA[!function(){function t(t){var n=t.getContext("2d"),e=0,i=0,o=[],d=function(){this.x=this.y=this.dx=this.dy=0,this.reset()};function a(){e=window.innerWidth,i=window.innerHeight,t.width=e,t.height=i,function(t){if(t!=o.length){o=[];for(var n=0;n<t;n++)o.push(new d)}}(e*i/1e4)}d.prototype.reset=function(){this.y=Math.random()*i,this.x=Math.random()*e,this.dx=1*Math.random()-.5,this.dy=.5*Math.random()+.5},a(),function t(){n.clearRect(0,0,e,i),n.fillStyle="rgba(255,255,255,.3)",o.forEach(function(t){t.y+=t.dy,t.x+=t.dx,t.y>i&&(t.y=0),t.x>e&&(t.reset(),t.y=0),n.beginPath(),n.arc(t.x,t.y,5,0,2*Math.PI,!1),n.fill()}),window.requestAnimationFrame(t)}(),window.addEventListener("resize",a)}var n;n=function(){t(document.getElementById("snowball"))},"loading"!=document.readyState?n():document.addEventListener("DOMContentLoaded",n)}();
//]]>
</script>- Setelah itu, letakkan kode berikut di atas kode ]]></b:skin>.
/* Efek Salju */
.snowball{position:fixed;top:0;left:0;right:0;pointer-events:none;z-index:20}
.snowsand{height:100%;position:relative;overflow:hidden;z-index:1}- Dan terakhir, simpan tema kalian dan lihat perubahannya.
Akhir Kata
Bagaimana sangat mudah kan Cara Membuat Efek Salju Di Blog.
Mungkin itu saja artikel dari saya yang membahas tentang Cara Membuat Efek Salju Di Blog.
Jika kalian punya saran atau pertanyaan, silahkan komen dibawah. Terimakasih.