Cara Membuat Efek Salju Terbaru di Blog - TRIK SIMPLE
Cara Membuat Efek Salju Terbaru di Blog

Cara Membuat Efek Salju Terbaru di Blog - Dengan memasang efek salju pada blog sobat akan lebih menambah wah pada pengunjung sedia sobat pas sekali sekarang masih musim dingin dan tentunya akan memiliki nilai berbeda dari blog lainnya.


Nah jika sobat minat langsung saja ke caranya sob

Cara Membuat Efek Salju Terbaru di Blog


Pertama sobat masuk terlebih dahulu ke Blogger > Tema > Edit HTML copy kode dibawah ini dan pastekan tepat diatas kode </body>

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

Jika sudah tambahkan kode CSS dibawah ini dan pastekan tepat di atas kode </head>

<style type='text/css'>
/* Efek Salju Terbaru */
.snow{position:fixed;top:0;left:0;right:0;pointer-events:none;z-index:20}
.contentz{height:100%;position:relative;overflow:hidden;z-index:1}
</style>

Klik simpan pada template sobat.

Baca Juga : Cara Memasang Artikel Terkait Dalam Postingan Blogger

Oke sekian yang bisa saya jelaskan tentang Cara Membuat Efek Salju Terbaru di Blog Terima Kasih yang sudah berkunjung semoga bermanfaat bagi kalian semua.


Cara Membuat Efek Salju Terbaru di Blog

السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ
Cara Membuat Efek Salju Terbaru di Blog

Cara Membuat Efek Salju Terbaru di Blog - Dengan memasang efek salju pada blog sobat akan lebih menambah wah pada pengunjung sedia sobat pas sekali sekarang masih musim dingin dan tentunya akan memiliki nilai berbeda dari blog lainnya.


Nah jika sobat minat langsung saja ke caranya sob

Cara Membuat Efek Salju Terbaru di Blog


Pertama sobat masuk terlebih dahulu ke Blogger > Tema > Edit HTML copy kode dibawah ini dan pastekan tepat diatas kode </body>

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

Jika sudah tambahkan kode CSS dibawah ini dan pastekan tepat di atas kode </head>

<style type='text/css'>
/* Efek Salju Terbaru */
.snow{position:fixed;top:0;left:0;right:0;pointer-events:none;z-index:20}
.contentz{height:100%;position:relative;overflow:hidden;z-index:1}
</style>

Klik simpan pada template sobat.

Baca Juga : Cara Memasang Artikel Terkait Dalam Postingan Blogger

Oke sekian yang bisa saya jelaskan tentang Cara Membuat Efek Salju Terbaru di Blog Terima Kasih yang sudah berkunjung semoga bermanfaat bagi kalian semua.


وَ السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ
Igniel
Kopi Inspirasi
Disqus Codes
  • To write a bold letter please use or
  • To write a italic letter please use or
  • To write a underline letter please use
  • To write a strikethrought letter please use
  • To write HTML code, please use or
    or

    And use parse tool below to easy get the style.
Show Parser Box

strong em u strike
pre code pre code spoiler
embed

Jangan Lupa Subscribe Cuk