M?s luces de Navidad para el blog

S?, ya s� que ya hab?amos visto c?mo poner luces de Navidad en el blog, pero Vicky muy amablemente nos ha compartido sus im?genes y no me pude resistir a compartirlo tambi�n con ustedes, pues s� que muchos gustan de la variedad. Y si de variedad de trata pues aqu? hay 10 luces de Navidad que podemos usar para decorar el blog en estas fiestas.

Las luces quedar?n arriba del blog, y s?lo hay que entrar a la Edici?n HTML de la plantilla y agregar antes de </body> el c?digo que las luces que prefieras:

<!-- Luces de Navidad -->
<style type="text/css">
.luces {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj13LI4UaKpDGVPsPJYJr_awQwGh08tpjTh8Te_FlQci1CttOydXEbqpm-VpmKxOTrr5ZfXC7BGn0DYh8PVzjva1-7ykPPsIo51NGvirFtjD9Z_gXpOjWzxBNoMjxkPvKKa_iNpkNjpFDo/s435/luces%2525209.gif);
background-repeat:repeat-x;
height:25px;
width:100%;
position:absolute;
top:0;
left:0;
}
</style>
<div class='luces'></div>
<!-- Luces de Navidad -->

<!-- Luces de Navidad -->
<style type="text/css">
.luces {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw_23iKGoYA5ILvtc-a691XcIluyPy2HO_v-2t-16DRzEGQxbCrQIf9wGQGYQmrlhS5Yt7Z5i8e7QJiZLEJvGb1aRFzP4jsodNrZLYBVtEsS3yCVLgLWoP7BpwWPIb0S41BJmOntlWfk4/s457/luces%25252010.gif);
background-repeat:repeat-x;
height:32px;
width:100%;
position:absolute;
top:0;
left:0;
}
</style>
<div class='luces'></div>
<!-- Luces de Navidad -->

<!-- Luces de Navidad -->
<style type="text/css">
.luces {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkzM8beFgSKvx1ovGtWAFE1981RmWULGL0wHNUoIghQD1mvKZEN85uAGFLeh2LRJG8Dd5yohotub8qB7cyfYULOXXvpd5c_vxajig1kMAOZj_DcwK7UM-6VPjuHcDsJ4HsGS7xofb9rVQ/s500/luces%25252012.gif);
background-repeat:repeat-x;
height:47px;
width:100%;
position:absolute;
top:0;
left:0;
}
</style>
<div class='luces'></div>
<!-- Luces de Navidad -->

<!-- Luces de Navidad -->
<style type="text/css">
.luces {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTGqsHgy0RdPfl7QZhmj7YEhNwFMzOWNIHPzdTAPla3zHETWq8Ru5gRTLuEJnmipAKPG4I3unBRUPCNRwg6Gdcx8A9KrwRJA8-LS1u5w3KNU43-m0LVXYPn6yJ7kZbwQ-NcuD4Cz1hAAI/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 -->

<!-- Luces de Navidad -->
<style type="text/css">
.luces {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhalHYsCJJ82UAb7bppLr-lLQMukdywcGzrXYKAyPLE5XAsvIQVw6Jh3vrqIdujpJexGlV8sssF-Kn4kdFJe_7CjrCkItXXg4VTaZgZiKj-roMEXJ3PHWLTAh1JLrmAAHYw0bCtyRsOvmk/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 -->
<style type="text/css">
.luces {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKBADqoE1W7S_jwlB9xDfRvPHEKDhx3zBfNEOQGY0i7ib_X5KWz7Epv_lNkIwSv8Nx8V7dtLrO1fZnwULGZUl9mJgmNvPqQOfYl9T-BRbUqeWfsFHRUxd7utOCnU8dq3WZQkb9NrOjATQ/s360/luces%25252017.gif);
background-repeat:repeat-x;
height:21px;
width:100%;
position:absolute;
top:0;
left:0;
}
</style>
<div class='luces'></div>
<!-- Luces de Navidad -->

<!-- Luces de Navidad -->
<style type="text/css">
.luces {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8Ks0R5Nvp3A0EZukBZtHP0K45LDBaZieCAR_hnQ7fsz5mQ-MK-O2y_vplMRWHOVhCeYrk2-iKOckQfaREHvRNZuuoVQvJQY9v9AQnhS0sGO6kRJlix-xTQyxTi_7YPx4wHNUPHgthYns/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 Navidad -->

<!-- Luces de Navidad -->
<style type="text/css">
.luces {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUWVwckyTrU609VTC2Ux2mB-Cc0rRm7MBmSgIsmY4Fob15dseLoDuJfM5QBSLaVXB8-Jkb5k9FR0_ICL-IvmymczTYiorgr8XSAY6RazcIrWZ3nTzTgZ6gvqMCR2kPz-npUtphOky0f_U/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 -->

<!-- Luces de Navidad -->
<style type="text/css">
.luces {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhawH1mqG-6zFZ3Rt-C7jzYERUIUFiLM3o2oLo5vISDz9qP-zm2ui5QIM2r5wFEztMV904LojbPH26zP7HpFxHvYQi64VQLIu_mim_N65L5I8NLUSPm3xsZAuoOf6mIvJMgBBXbEpin8vQ/s333/luces8.gif);
background-repeat:repeat-x;
height:45px;
width:100%;
position:absolute;
top:0;
left:0;
}
</style>
<div class='luces'></div>
<!-- Luces de Navidad -->

<!-- Luces de Navidad -->
<style type="text/css">
.luces {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmkqqrrAms_CogJCZ6t8Uu9cVEgkB-kAKS9zZLXXiCCVL6f9_01IMrIk5sAhxwdalfdtFK12NYRRaas2N4fKh96jhW53yEhN9PGjBG-fJRIdauTW2ofaR0iuQ9O0yl9Jf1ovwX1d1nDzs/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 -->

Si quisieras que las luces fueran flotantes s?lo cambia position:absolute; por position:fixed; para que las luces de Navidad sean visibles aun cuando se baje la p?gina.

Y cuando acaben las fiestas decembrinas, o se te pase el esp?ritu navide?o (lo que pase primero), s?lo quita ese c?digo y se habr?n apagado las luces.