Pada kesempatan kali ini saya akan memberikan tips bagaimana cara agar blog kalian keliatan berbeda dari blog yang lain yaitu memberikan Efek Salju yang berjatuhan untuk mempercantik tampilan blog kamu. Efek salju yang saya berikan adalah versi terbaru pada blog, terlihat indah, tidak menghalangi pandangan pembaca dan tidak terlalu memberatkan proses memuat blog.
Efek salju ini pun pernah saya gunakan untuk blog pribadi saya agar mempercantik tampilan blog, biasanya saya aktifkan menuju tahun baru. Untuk tampilan salju di dalam blog ini berbeda dengan versi sebelumnya yang terlihat kecil dan menumpuk di bawah blog.
Di dalam versi terbaru ini efeknya lebih halus, bola salju yang ditampilkan tidak berukuran terlalu besar dan lebih nyaman untuk dipandang mata. Bagi anda yang ingin memasang efek salju di blog kalian, anda bisa mengikuti langkah-langkah di bawah ini agar dapat di terapkan di dalam blog kalian yaitu dengan menggunakan HTML/JavaSript.
Cara Membuat Efek Salju Versi Terbaru di Blog
1. Masuk kedalam blog anda > pilih Tema > kemudian pilih Edit HTML
2. Kemudian letakkan kode di bawah ini tepat berada di atas kode </body>
3. Jika sudah, letakkan kode ini tepat berada di atas kode </head>
4. Jika sudah pilih Simpan Tema
<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>3. Jika sudah, letakkan kode ini tepat berada di atas kode </head>
<style type='text/css'>
/* Efek Bola 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}
</style>4. Jika sudah pilih Simpan Tema
Sebenarnya ada banyak cara lagi untuk mempercantik tampilan blog anda seperti menambahkan efek lainnya. Contohnya seperti memasang efek bintang, efek daun berjatuhan atau mengganti template blog yang lebih hidup dan berwarna. Mungkin saya akan membahasnya lain waktu.
Demikian Cara Mudah Membuat Efek Salju Pada Blog Versi Terbaru, jika anda merasa kesulitan menerapkannya pada blog anda silahkan tinggalkan pesan di kolom komentar.