اضافة بلوجر لتساقط الثلج في موقعك واعطاء رونق جميل لموقعك أو مدونتك بمناسبة الكريسمس أو عيد رأس السنة
من الاضافات الجميلة لبلوجر هو اضافة تساقط الثلج التي تجدها في مواقع كبيرة وتبداء في السؤال كيف يمكنني أن أضيف سكريبت يمكنني من أن أضيف تساقط الثلج الى موقعي أو مدونتي .
اضافة تساقط الثلج لبلوجر
اضافة تساقط الثلج لبلوجر بمناسبة الكريسمس أو عيد رأس السنة هي عبارة عن سكريبة بسيط تقوم باضافته الى موقعك أو مدونتك من خلال البحث عن أكواد معينة وتضيف هذا السكريبت بعدها
طريقة اضافة تساقط الثلج لمدونتي بلوجر أو موقعي
الطريقة بسيطة :
أولا : تحتاج الى تسجيل دخولك الى موقعك أو مدونتك
ثانيا : تتوجه مباشرة الى القالب أو Theme
ثالثا : قم بضعط على تعديل HTML للقالب
رابع: ابحث عن كلمة Body
خامسا : أضف هذا السكريبت قم بنسخه ولصقه مباشرة بعد وسم Body وقم بحفظ وتوجه الى موقعك وستجد الثلوج تتساقط في موقعك أو مدونتك وأي موضوع تدخل له تجد فيه تساقط الثلوج دون توقف.
الفيديو يشرح الطريقة:
---------------------------------------------------------------------------------------------------------------------
<style>
.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>
<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>
---------------------------------------------------------------------------------------------------------------------
قم بنسخ هذا السكربت ولصقه في القالب من خلال محرر HTML بعد وسم Body وحفظ ومبروك عليك.