0 Add Different Color Falling Snow Flakes To Blogger

 

Sebuah komentar pada posting Efek Natal Salju Untuk Blogger dengan ' ம.தி. சுதா 'bertanya "bagaimana mengubah warna salju karena template yang warna latar belakang saya adalah putih" jadi saya harus bekerja untuk melihat apakah saya bisa membuat efek salju dengan hasil colors.The berbeda adalah mengagumkan dan saya punya kode baru yang akan memungkinkan Anda untuk menambahkan warna untuk musim gugur salju blog.When Anda Anda menambahkan kode ini anda bisa menambahkan warna yang Anda inginkan, dan itu it.So mari kita melihat demo hidup kemudian menambahkan jatuh salju berwarna ke blog Anda. Hidup Demo - Klik Disini Untuk Lihat Demo dengan salju merah - Efek Warna Salju

Tambahkan Fall Color Salju Untuk Blogger 

Langkah 1 Dalam Desain Klik dashboard> Add A Gadget> Pilih Html / Javascript 

Langkah 2. Copy Paste Dan Kode Berikut Ke Gadget HTML / Javascript:

 

<a href='http://www.spiceupyourblog.com'><img alt='Best Blogger Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjl9LQM_c08zoLr8YO8SBB3SJzII73HSG1xPLZmDKY0zStq2YzUmYjOKUFkfYF1d9lCnFoZZOkC4JEZFfARudiTSSCKPx3icO2AApiNGIr5aJozFornG1S4rQZCDhm8BNnf6RfJybqNlMUE/s1600/best+blogger+tips.png'/></a><script type='text/javascript'>
//Snow - http://www.btinternet.com/~kurt.grigg/javascript

if ((document.getElementById) &&
window.addEventListener || window.attachEvent){

(function(){

//Configure here.

var num = 40; //Number of flakes
var timer = 30; //setTimeout speed. Varies on different comps
var enableinNS6 = 1 //Enable script in NS6/Mozilla? Snow animation could be slow in those browsers. (1=yes, 0=no).

//End.

var y = [];
var x = [];
var fall = [];
var theFlakes = [];
var sfs = [];
var step = [];
var currStep = [];
var h,w,r;
var d = document;
var pix = "px";
var domWw = (typeof window.innerWidth == "number");
var domSy = (typeof window.pageYOffset == "number");
var idx = d.getElementsByTagName('div').length;

if (d.documentElement.style &&
typeof d.documentElement.style.MozOpacity == "string")
num = 12;

for (i = 0; i < num; i++){
sfs[i] = Math.round(1 + Math.random() * 1);

document.write('<div id="flake'+(idx+i)+'" style="position:absolute;top:0px;left:0px;width:'
+sfs[i]+'px;height:'+sfs[2]+'px;background-color:red;font-size:'+sfs[2]+'px"><\/div>');

currStep[i] = 0;
fall[i] = (sfs[i] == 1)?
Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);
step[i] = (sfs[i] == 1)?
0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;
}


if (domWw) r = window;
else{
if (d.documentElement &&
typeof d.documentElement.clientWidth == "number" &&
d.documentElement.clientWidth != 0)
r = d.documentElement;
else{
if (d.body &&
typeof d.body.clientWidth == "number")
r = d.body;
}
}


function winsize(){
var oh,sy,ow,sx,rh,rw;
if (domWw){
if (d.documentElement && d.defaultView &&
typeof d.defaultView.scrollMaxY == "number"){
oh = d.documentElement.offsetHeight;
sy = d.defaultView.scrollMaxY;
ow = d.documentElement.offsetWidth;
sx = d.defaultView.scrollMaxX;
rh = oh-sy;
rw = ow-sx;
}
else{
rh = r.innerHeight;
rw = r.innerWidth;
}
h = rh - 2;
w = rw - 2;
}
else{
h = r.clientHeight - 2;
w = r.clientWidth - 2;
}
}


function scrl(yx){
var y,x;
if (domSy){
y = r.pageYOffset;
x = r.pageXOffset;
}
else{
y = r.scrollTop;
x = r.scrollLeft;
}
return (yx == 0)?y:x;
}


function snow(){
var dy,dx;

for (i = 0; i < num; i++){
dy = fall[i];
dx = fall[i] * Math.cos(currStep[i]);

y[i]+=dy;
x[i]+=dx;

if (x[i] >= w || y[i] >= h){
y[i] = -10;
x[i] = Math.round(Math.random() * w);
fall[i] = (sfs[i] == 1)?
Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);
step[i] = (sfs[i] == 1)?
0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;
}

theFlakes[i].top = y[i] + scrl(0) + pix;
theFlakes[i].left = x[i] + scrl(1) + pix;

currStep[i]+=step[i];
}
setTimeout(snow,timer);
}


function init(){
winsize();
for (i = 0; i < num; i++){
theFlakes[i] = document.getElementById("flake"+(idx+i)).style;
y[i] = Math.round(Math.random()*h);
x[i] = Math.round(Math.random()*w);
}
snow();
}


if (window.addEventListener){
window.addEventListener("resize",winsize,false);
window.addEventListener("load",init,false);
}
else if (window.attachEvent){
window.attachEvent("onresize",winsize);
window.attachEvent("onload",init);
}

})();
}//End.
</script><a href="http://www.spiceupyourblog.com" target="_blank">Snow Fall Blog Gadget</a>

Catatan - Untuk mengubah warna salju jatuh hanya mengedit warna warna merah dalam code.You dapat mengubahnya dengan warna dasar (biru, hijau, hitam dll) atau warna hex Html. Itu saja menyimpan gadget dan salju warna Anda efek adalah di blog Anda untuk merasa Natal besar. Lebih Natal desain untuk blog Anda? Kami memiliki Banner Natal Pojok transparan dan 10 Spektakuler Falling Objects Natal Untuk Blogger . Masukkan Komentar Anda, pandangan Dan Pertanyaan Berikut.