Para decorar con luces tu blog por algún acontecimiento 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.
