EFECTOS NAVIDEÑOS

NIEVE EN EL BLOG

Como siempre añadís un gadget HTML-JAVASCRIPT.

Código.

<script type='text/javascript'>
var fallObjects=new Array();function newObject(url,height,width){fallObjects[fallObjects.length]=new Array(url,height,width);}
var numObjs=20, waft=50, fallSpeed=10, wind=0;
newObject("http://2.bp.blogspot.com/--fII5xz-9vY/UM-djWHHwgI/AAAAAAAABrI/tEKS6_ctv_k/s400/nieve2_jessi_diyva.png",22,22);
newObject("http://3.bp.blogspot.com/-DPHwVIctTlg/UM-di9jKOiI/AAAAAAAABq8/wV567ynxL2U/s400/nieve1_jessi_diyva.png",22,22);
function winSize(){winWidth=(moz)?window.innerWidth-180:document.body.clientWidth-180;winHeight=(moz)?window.innerHeight+500:document.body.clientHeight+500;}
function winOfy(){winOffset=(moz)?window.pageYOffset:document.body.scrollTop;}
function fallObject(num,vari,nu){
objects[num]=new Array(parseInt(Math.random()*(winWidth-waft)),-30,(parseInt(Math.random()*waft))*((Math.random()>0.5)?1:-1),0.02+Math.random()/20,0,1+parseInt(Math.random()*fallSpeed),vari,fallObjects[vari][1],fallObjects[vari][2]);
if(nu==1){document.write('<img id="fO'+i+'" style="position:fixed;" src="'+fallObjects[vari][0]+'">'); }
}
function fall(){
for(i=0;i<numObjs;i++){
var fallingObject=document.getElementById('fO'+i);
if((objects[i][1]>(winHeight-(objects[i][5]+objects[i][7])))||(objects[i][0]>(winWidth-(objects[i][2]+objects[i][8])))){fallObject(i,objects[i][6],0);}
objects[i][0]+=wind;objects[i][1]+=objects[i][5];objects[i][4]+=objects[i][3];
with(fallingObject.style){ top=objects[i][1]+winOffset+'px';left=objects[i][0]+(objects[i][2]*Math.cos(objects[i][4]))+'px';}
}
setTimeout("fall()",31);
}
var objects=new Array(),winOffset=0,winHeight,winWidth,togvis,moz=(document.getElementById&&!document.all)?1:0;winSize();
for (i=0;i<numObjs;i++){fallObject(i,parseInt(Math.random()*fallObjects.length),1);}
fall();
</script>

ESTRELLAS BRILLAMDO

CODIGO

<script type="text/javascript" src="http://blogparts.giffy.me/0074/parts.js"></script>

 

PARA EL OTOÑO HOJAS QUE CAEN DESDE ARRIBA

Código.

<script type="text/javascript" src="http://blogparts.giffy.me/0004/parts.js"></script>

BOLAS CON OBJETOS NAVIDEÑOS SI LE PONES EL MOUSE ESTALLA

Código

<script type="text/javascript" src="http://bpmaker.giffy.me/userdata/user/16/16833/18/parts.js"></script>

PAPA NOEL QUE SE NUEVE POR TODA LA PAGINA
 

Código

<script src="http://img50.xooimage.com/files/0/8/e/papa-noel-2306a2b.js" type="text/javascript"></script>
< span id="supertext" style="color: white; font-family: Arial; font-size: 12px; font-style: normal; font-weight: normal; left: 0; position: absolute; text-align: center; text-decoration: none; top: 0; z-index: 99999999;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcL2-I0N3sq2s5iNs0MATT870VR_xdvfuCnqY3ZcinCFzuOT2-4CUXoojRX1DzcAwJzPcp1-q0FiujKzwB3fjer4Aje1uGZK2ucwj-R86dLMl2662ioAVi0FTF4MTcwni_6EJC4zTQCTFQ/s1600/papa-noel.gif" /><br />¡¡¡ FELIZ NAVIDAD !!!</span>

PAPA NOEL RECORRE EL BLOG EN TRINEO
 

Código

<script src="http://bpmaker.giffy.me/userdata/user/0/1/212/parts.js" type="text/javascript"></script>

ARBOL DE NAVIDAD

Código
<imgstyle="border:none;position:fixed;bottom:-4px;left:4px;"src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAAd0lih6hpvbpf_QfWTxwioHA37PkAm2vmbL9ViXl9xfxeNidez96H2OTS_UskDiiGZZhagOhyphenhyphentgGs9SSEv4grBo0nIVxgbPQ6wDnLQVQTKT2QYtBJeHVPesJN11caeg94-A5txh0N_o/s1600/Christmas-tree-256%255B3%255D.png" />
   

Para decorar con luces tu blog por algún acontecimiento, o por navidad os dejo unos

 códigos:
 

1º- Luces  estilo dibujo animados
 <style type="text/css">
 .luces {
 background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0hLWNVrLSRVb0HdtXrtAobKTvjY47Ho4Yx40HsNUp5s7jIcTYwNSjJCroln1znI8ygrx2_aeUNaQ4Bhh_kuEir8hQesonOLZi_SBufYKzISrJbknm_ZDv8XBX6zujwZ8X67pyWg8NTeI/s628/luces%25252014.gif);
 background-repeat:repeat-x;
 height:48px;
 width:100%;
 position:absolute;
 top:0;
 left:0;
 }
 </style>
 <div class='luces'></div>

 

2º-Luces pequeñitas
 <style type="text/css">
 .luces {
 background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkn24TDYa3AI1nuovfa3eDpCA2QWOHlpbk3Fsw68ZCmqrGydn72-NxcRyxkfRzkTS8fM02xCrsDdfptWCl-UPmqPqWN4JzKqiTTh_iNPfltKHIaTE2NGEUXSG_lHOiKc7pabe0iym1AOs/s80/luces%25252015.gif);
 background-repeat:repeat-x;
 height:20px;
 width:100%;
 position:absolute;
 top:0;
 left:0;
 }
 </style>
 <div class='luces'></div>


3º-Luces tipo Arbol 
 <style type="text/css">
 .luces {
 background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXO1CjDuhWDdSRjWy6fWughCj6v2tDcmi3oMfjdpOL5EfM8O6J_6rS04vgnSXh7r8ocILRjmGNU2RVqtFIA4Had7eFWdm3Vj1T8Elrcy07KHBFLPFb7H9Tbz2w4AinlycHtW6L_UNw8TA/s204/luces%25252036.gif);
 background-repeat:repeat-x;
 height:69px;
 width:100%;
 position:absolute;
 top:0;
 left:0;
 }
 </style>
 <div class='luces'></div>


4º- Luces Ovaladas
 <style type="text/css">
 .luces {
 background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9Np-8iTvNvT_ZbEwEfa8rmXpldLSW_Q8aNZAhDzv___2a8lKeVDvBLcqVol4ZJoq14qBZK-lrftVDMwwlwvES3dSbGY5arD43G0KfksolBTNbWVfPIvQvz_pXp2UuTRjFLhZKoLVcHOQ/s123/luces%25252037.gif);
 background-repeat:repeat-x;
 height:44px;
 width:100%;
 position:absolute;
 top:0;
 left:0;
 }
 </style>
 <div class='luces'></div>


5º- Luces Punta
 <style type="text/css">
 .luces {
 background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja7EBpIcsE38QZeOHztNSqZbg47YtWzXgrzlhHO2z1tE1ktYi_6Numqv2A9qse2VidcFuTiJoUw-5494L02oA4oQ0eH2h10K95Ti19lOLJSWuQaXCyzqjulGgzoG9yETAdPkldurLXPpE/s129/luces7.gif);
 background-repeat:repeat-x;
 height:43px;
 width:100%;
 position:absolute;
 top:0;
 left:0;
 }
 </style>
 <div class='luces'></div>


Solo podéis poner un código o bien en un gadget o en una entrada en HTML, si se os pegara mucho a la parte de abajo al final de el código tenéis que poner una o varías veces <br></br>, esto es un salto de línea, que os ayudara a dejar un margen.