Cara Membuat Efek Salju Keren di Blog -Assalamualaikum Hallo sahabat semua pecinta sharing, Pada Artikel yang anda baca kali ini dengan judul Cara Membuat Efek Salju Keren di Blog, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel CSS, Artikel HTML, Artikel Tutorial Blogger, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Cara Membuat Efek Salju Keren di Blog
link : Cara Membuat Efek Salju Keren di Blog

Cara Membuat Efek Salju Keren di Blog

Cara Memasang Efek Salju Keren di Blog - Untuk menyambut tahun baru atau merayakan musim-musim tertentu yang berhubungan dengan salju, kita bisa merealisasikannya dengan menggunakan efek efek salju berjatuhan di dalam blogger kita.

Tentunya dengan menambahkan efek salju berjatuhan ini akan memperindah tampilan blog kalian, sehingga pengunjung bahkan diri kita sendiri akan lebih betah berlama-lama di dalam blog kita.

Kalian tidak perlu khawatir, karena efek ini menggunakan css jadi tidak membebankan loading atau kecepatan blog kita, untuk tutorialnya sebagai berikut.

Cara Membuat Efek Salju Keren di Blog

1. Buka Blogger
2. Pilih menu Tema
3. Pilih Edit HTML
4. Letakkan kode ini tepat diatas kode ]]></b:skin> atau </style>

   /* Efek Salju Keren */
   .efeksalju{position:fixed;top:0;left:0;right:0;pointer-events:none;z-index:20}
   .bolasalju{height:100%;position:relative;overflow:hidden;z-index:1}

5. Selanjutnya letakkan kode ini tepat diatas kode </body>

   <div class='bolasalju'>
   <canvas class='efeksalju' id='efeksalju'></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("efeksalju"))},"loading"!=document.readyState?n():document.addEventListener("DOMContentLoaded",n)}();
   //]]>
   </script>

6. Jika sudah pilih Simpan

DEMO

Itulah tadi tutorial singkat cara menerapkan efek salju di dalam blog, semoga artikel ini dapat bermanfaat dan semakin memperindah tampilan blog kalian terimakasih.

Demikianlah Artikel Cara Membuat Efek Salju Keren di Blog

Demikianlah artikel Cara Membuat Efek Salju Keren di Blog kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua Dan wawasan tentang sharing. jika Ada Salah Kata atau Hal Yang kurang berkenan dalam penyajian artikel, mohon maaf. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Cara Membuat Efek Salju Keren di Blog dengan alamat link https://100sharing.blogspot.com/2019/12/cara-membuat-efek-salju-keren-di-blog.html

Cara Membuat Efek Salju Keren di Blog 2019-12-19T23:24:00-08:00 Rating: 4.5 Diposkan Oleh: hammam shalihul huda