Luces de navidad para el blog: Más opciones

Hace algún tiempo conocimos cómo poner luces de navidad al blog. Ahora encontré más opciones de luces de navidad para adornar el blog.

Para implementarlo nos vamos a Escritorio > Diseño > Edición de HTML y antes de </body> pegamos el código que prefiramos. El código que debes copiar es el que está después de cada imagen de muestra.

prefieras:

<!-- Luces de Navidad -->
<style type="text/css">
.luces {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQbqNRtBpiU1fytFU4KN90Lxc-vEHolBUlRa4hM0di7fLZR0e0mO9yvn0919TV9OG2UuskAI86_K_UVyralrmUK_oQOyokOC9vy7I7hbxmFz2asYLKYTGVPtgYa0-vMphHpLk6pzZt6sk/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/AVvXsEh6MxCfdD0nVcYPtjUYdw_90QEZAjIKP6g0K89A9HFIj3jbtUR87C4QRgBVjNCo50XB-ForYfMiR7aDN4S13ODJcn-Vd7B6VV195afhdX2VZwsxK-ZIAjHU-iFwILjo0B43rIroOabBP9U/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/AVvXsEgf_OU0st9HCSTRlfCQ-CExo0cuwmzPy3asnnluRbvMFemTX5D4iBckNa9I2RBswlhymeH2fb_5XqlpuMGyviXW_VwSup0C8Y71Bilc5MhyphenhyphenpLvwBeGvqRBTVavwFiiDsJmnjDFQfsXy4cM/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/AVvXsEgJOAG8T1XSeqkduxYo4xbVwHRWJysXqtwt0Qk_z4f7y0jTA50sTTe9H5ylWXT2EABSjVOKkcnRNBa9XQgoMXpq15eANBqc7iPmIvyAeXU0HfnsQHzQL_g0VHJSm5cbOH6irF5h5jgx1GU/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/AVvXsEg3yhrK9tiRMNb9x3hJpjoss4Sbl6r9_ZjMP_f41cskIg_IQ7Y4dYB6evXpN-ZTnjUJZmVbSvcJcwcRVPD2vaCtSOEoT3-t0vtBaPvwJaSVBAN6qypyxRkkdviT4OOGA39zPZOOq7b7lgE/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/AVvXsEhNa1ovGzbVQvLeZFb96MlvynHmrTBeXOt1ggEVQzSJFhhQZMha8ci1djdabwwFqb1u-rzoWVQQD-e2nSlwLxgmv6IotvIhOMlAzHZ8CXKLyPBs23UL5ODGg6YwRvbdbbwbs5636ShiUgQ/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/AVvXsEhfsdEXzJ8KOaHtyy08dYfQiiaH25ieCI1OcH5nfRRlWZ6iiOmZ3m6BWwsflse9FwLwBX_W06xeq4PgwkxVFjEgnc6NdwF7d-zFYjBAORVF6TdCpyuhchwTx_pTiE5R2S1RlyDi2nYDB4k/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/AVvXsEhKd6CM6xOOZLfCrQrkqNwbr4DIzUuxdN32WqSHskV-T44BOKB0BqoV7ErqosJW1ed2MUSUewt5cOAxxzdpRfLoAteVALem3Mh5I9ckefluHTxh_qaEQiuAkb7nWX_9-IS7n4gZr-Yu1XA/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();
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/AVvXsEjfFKYzf_bpFmz9NZzb9oztlS7Ga9HwtpoCFom2psDwLKiFm5Y2AeIsWacZsYGr8kz84PXhk6L689SST6ZVFrQcgBAd8U6sSF1GMpew-Pg3W_cSCDw2IbjGCWsMt3bP78_jGOj2-7rIb80/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 -->

Post a Comment

Todo comentario se agradece, además es no permite seguir trabajando.

أحدث أقدم