Luces de colores o navideñas para tu blog

Si queréis que aparezca arriba del todo del blog, tenéis que ir a Plantilla, Editar HTML y antes de </body> pegar el código. (cuando ya no queráis que salga, lo borráis). Si queréis que suba y baje conforme lo hacéis vosotros con la página (que sean flotantes), debéis cambiar: position:absolute por position:fixed



<!-- Luces de Navidad estilo dibujo -->
<style type="text/css">
.luces {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuazv607gUflu9mBi6fVVXglANSboe3CdAc9ghD1Vs2lObqK67rPEPDskSYlzJJDdLdFFZb6LB-P3aasCDXaFC2HH1_gyDzs4dU9gQbKgRPEhh_R2YvAgfpjE3k_oxBJFi0v3q2QdcLa4/s628/luces%25252014.gif);
background-repeat:repeat-x;
height:48px;
width:100%;
position:absolute;
top:0;
left:0;
}
</style>
<div class='luces'></div>
<!-- Luces de Navidad estilo dibujo-->
---------------------------------------------------------------------------------------------------------------------
<!-- Luces de Navidad pequeñas -->
<style type="text/css">
.luces {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr6HC7-yxsY8SGlAzG6J1RU6LbawDbx5DiiKwDbp-tsV85zhWcxQ0xkdTIX20LkSwheMzWGEUlN3NdIidoJPkDyRjT8BLPIi_xlsqJDCo5jTZROjl4XbC2vqiyxrAJiDl6ytlmHyp5KBE/s80/luces%25252015.gif);
background-repeat:repeat-x;
height:20px;
width:100%;
position:absolute;
top:0;
left:0;
}
</style>
<div class='luces'></div>
<!-- Luces de Navidad -->
---------------------------------------------------------------------------------------------------------------------
<!-- Luces de Navidad estilo Arbol pequeñas -->
<style type="text/css">
.luces {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFpkd8giaosFMub0NYBIWo5P8OMazI7JLCfT5EHV1-pDKcUxsbyQXpNakyJahwOC83z1R-7tkEj1GA4MGvzmgVs9OEiWoTrOTowfpyUIGvBk5R5u-B4jB9lgQhlVeOVIwvpAm0x8VlZSc/s204/luces%25252036.gif);
background-repeat:repeat-x;
height:69px;
width:100%;
position:absolute;
top:0;
left:0;
}
</style>
<div class='luces'></div>
<!-- Luces de Navidadestilo Arbol -->
----------------------------------------------------------------------------------------------------------------------
<!-- Luces de Navidad Ovaladas-->
<style type="text/css">
.luces {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5LWP5f0tKXyYWKaowY6TS8NdF0-WnxjeBEFD_Yxw4ulXB-bQX-fK8Y-F0bucQDO4VEkq2Vm8H0UjGHh63PW1cFOsbbzeQm1LwnmhnHe0NCTC48MvGalJ8tnQkP4o3ds6o7ybWOtLAIB0/s123/luces%25252037.gif);
background-repeat:repeat-x;
height:44px;
width:100%;
position:absolute;
top:0;
left:0;
}
</style>
<div class='luces'></div>
<!-- Luces de Navidad Ovaladas -->
-----------------------------------------------------------------------------------------------------------------------
<!-- Luces de Navidad Puntiagudas -->
<style type="text/css">
.luces {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGhJAlfnivSWlGTjwmDnN-lJM73s4b1W6WeL4svzXXxjEoSyoN7geJYvG_3wgfjUsTiLpSQXm7B7B4d3RffwUOneIW455W8E27m0hy2gVS4y0BifPQBOS01eXc_A_dXbBiniG6ELal32U/s129/luces7.gif);
background-repeat:repeat-x;
height:43px;
width:100%;
position:absolute;
top:0;
left:0;
}
</style>
<div class='luces'></div>
<!-- Luces de Navidad Puntiagudas -->

--

Probador de códigos, inserta el código HTML y te dará el resultado en una ventana nueva!

---