Cara Menciptakan Dampak Salju Di Blog Versi Terbaru

Cara menciptakan Efek Salju di Blog Versi Terbaru - Banyak cara yang sanggup kita lakukan untuk mempercantik blog kita biar terlihat lebih menarik, salah satu misalnya yakni memasang imbas salju di dalam blog kita.
Cara menciptakan Efek Salju di Blog Versi Terbaru Cara Membuat Efek Salju di Blog Versi Terbaru

Efek salju berjatuhan pada blog pernah saya gunakan dikala jaman saya sekolah dulu, bukan hanya sekedar mempercantik blog, tapi juga menarik minat pembaca biar tetap berlama-lama berada di blog saya. Entah mengapa imbas salju di dunia blogger dikala ini jadi begitu tidak populer, hanya beberapa orang saja yang menggunakannya. Mungkin banyak orang yang menyampaikan bahwa memasang imbas salju dikatakan sebagai pemula atau ada juga yang bilang menghalangi pandang pembaca.

Namun pada kesempatan ini saya akan menciptakan imbas salju versi terbaru pada blog, terlihat indah, tidak menghalangi pandangan pembaca dan tidak terlalu memberatkan proses memuat blog. Efek salju ini pun saya gunakan beberapa blog pribadi saya untuk mempercantik tampilan blog saya, bahkan kadang saya gunakan pada dikala tahun baru, biar suasana isu terkini salju sanggup dinikmati di dalam blog.

Untuk tampilan salju di dalam blog ini berbeda dengan versi terbaru yang terlihat kecil dan menumpuk di bawah blog. Di dalam versi terbaru ini efeknya lebih halus, bola salju yang berukuran tidak tidak terlalu berasa dan lebih yummy dipandang mata. Bagi anda yang ingin memasang imbas salju di blog ini, anda sanggup mengikuti langkah-langkah di bawah ini biar sanggup di terapkan di dalam blog anda yaitu dengan memakai HTML/JavaSript.

Cara Membuat Efek Salju Versi Terbaru di Blog

1. Masuk kedalam blog anda > pilih Tema > kemudian pilih Edit HTML
2. Kemudian letakkan arahan di bawah ini sempurna berada di atas arahan </body>
<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 arahan ini sempurna berada di atas arahan </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

Untuk yang ingin melihat akhirnya ibarat apa, sanggup di cek disini
Sebenarnya ada banyak cara untuk mempercantik tampilan blog kita misalnya ibarat memasang imbas bintang, imbas daun berjatuhan atau mengganti template blog yang lebih hidup. Namun untuk kali ini cukup sekian saja dari saya, jikalau ada yang ingin ditambahkan sanggup pribadi ke kolom komentar, Terimakasih.
Sumber https://www.analisyuki.com/

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel