Decora tu blog para Navidad

Llega la navidad con su alegría y gastadera de plata, y para los bloggers es muy importante que nuestros blogs estén altanto de las festividades por motivos decorativos, y es ese el motivo de esta entrada, te mostrare algunos trucos para que decoremos nuestro blog para que tenga ese toque navideño que tanto nos hace sentir en casa.

Imágenes para decorar con motivo navideño

<div id="navidad">
<img alt="Feliz navidad" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV6vojYZBy0hZlPVhOUlUnkNh0-igXUCgbd4BWqgDdsNsw5HBpJ_h2PfpQ6m5594CS0FR_XoTAx5iXpnLypcsg6SDIJPY8Y8n6LbcloZ0Uh4-1JOucnkDqBCe4QKtwtjkdqLiWv0lQ-k4/s1600/2.png" title="Feliz navidad" /></div>

<div id="navidad">
<img alt="Feliz navidad" src="http://www.100pies.net/Gifs/Navidad/Bolas-Cristal/bolas-cristal-05.gif" title="Feliz navidad" /></div>

<div id="navidad">
<img alt="Feliz navidad" src="http://www.caxigalines.net/gifanimados/navidad/guirnaldas/guirnaldas2.gif" title="Feliz navidad" /></div>

<div id="navidad">
<img alt="Feliz navidad" height="320" src="http://www.guauquecosas.com/wp-content/uploads/2013/11/Una-guirnalda-navide%C3%B1a.gif" title="Feliz navidad" width="320" /></div>

<div id="navidad">
<img alt="Feliz navidad" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqYPpXEAKXA-r09Br3pUapNRmcIa_TNRhhTxgDp3afqgyf2aeZZzPV7keVF5jQHJL_QTbDeZDsm9VDlVKqhbC5AfmmAkOrJiYZYEDngGRq0bhumPf7JUNo7Ih-8X3CIViEFT49LOZ50FOt/s1600/navidad-gorro-1.png" title="Feliz navidad"/></div>

<div id="navidad">
<img alt="Feliz navidad" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSLoRW-fmm098bzYXNpwZNAtsyXiI-DC4EdkND9u3PV_Ak_8fTaKKhxYdF9lGIDVo5sFIYSzno6kGht0x64JbNO6AfPuk2pusASblYNnchNRMQKEOU2TPihD61gdPrgFqrqB9pHpTMaD4/s200/Navidad+(34).png" title="Feliz navidad" width="159" /></div>

<div id="navidad">
<img alt="Feliz navidad" height="185" src="http://cur.glitter-graphics.net/pub/3203/3203604egxjviugap.png" title="Feliz navidad" width="320" /></div>

Instrucciones para colocarlos en tu blog

si usas blogger: copia el código -> ve a diseño -> añadir un gadget -> elige un HTML/Javascript, pega los códigos que elegiste  y guarda.

si usas wordpress: copia el código -> ve a Escritorio-> Apariencia-> Widgets -> elige el widget cuyo nombre es ‘Texto’-> y pegas los códigos que elegiste.

Recuerda que puedes cambiarle el tamaño.
si quieres tener alguna de esas imágenes en un lugar especifico como por ejemplo mi gorro de navidad en mi cabecera tendrás que usar este código:.

#navidad {
float:right;
position:relative;
top:-16px;
right:30px;
}

lo que esta en rojo es el  nombre único, mira que cada imagen tiene el mismo, si usas mas de una imagen entonces a la otra agrégale un numero así: navidad1

1. copia el código anterior
2. ve a plantilla
3. personalizar
4. avanzado
5. y agregar css
6. y pega el codigo

lo de color verde es para mover la imagen de arriba a abajo y lo de azul es para moverla a los lados, si quieres correr la imagen aun mas recuerda que tiene signos negativos puedes quitarlos.

Nieve cayendo en el fondo del blog

este es un truco que vi en ciudad blogger muy bonito, para tenerlo

• ve a plantilla
• personalizar
• avanzado
• y agregar css
• y pega este código:

@keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

@-moz-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

@-webkit-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

@-ms-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

#contenedor-nieve {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_cmEbxPzyiAnYNCMZixsmB7FoptR21Rpk1-SIHVPiBDjDoyH0-vNAeGPzYJWA6e6_OBAldxx7SxXt8GORhVzPW5wjKBmPARkZ-18VUfu5Q-ji30nATNgGXKVUtxMeNCCiQQTh1Qzq3B0/s500/snow.png), url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgTcm1X2h3tZ9BW22zkqScqE0p2pwHhDN8umUEcn-oQICycOMMYJRAKidGw3ij1FhgKrz62rV9U9qUmwwmwWXUlOoOW8SNgykt2ZWqD7mWtf2J962b8oAD-VlrFclj6QtYEESS9BC6-eg/s400/snow3.png), url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjZk0yeZ0QBGo1Py80m4DJfLMlS6OviTGeJ7rwHt0xIV7FWtuec_OBnT80q5RSYYC4Or0Tz9jaW-6_W4iPVa5AEsO8vyKKqaFj0u2TseOqqYT39FMUCSkzyvkPlNe-MaLpuZKHtp8YRtM/s300/snow2.png);
-webkit-animation: snow 20s linear infinite;
-moz-animation: snow 20s linear infinite;
-ms-animation: snow 20s linear infinite;
animation: snow 20s linear infinite;
}

• Guarda y luego
• ve a plantilla
• editar HTML
• oprime las teclas CTRL   F  (Mac ⌘F)  para activar el buscador 
• y busca esta linea

<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

Y debajo agrega esto:

<div id='contenedor-nieve'>

Por último busca </body> y arriba de ella agrega:

</div>

Iconos sociales estilo navidad

Para colocar estos iconos en tu blog as lo siguiente:
para cada icono agrega este código

<a href="URL QUE ABRIRA" target="_blank"><img alt="TEXTO ALTERNO" height="64" src="URL ICONO" title="TITULO PARA MOSTRAR" width="64" /></a>

lo verde es la url que abrirá como tu pagina facebook etc
lo rojo es el texto que mostrara si no se puede cargar la imagen
lo azul es el texto que mostrara al pasar el cursor
lo morado es la url que colocaras para el icono, escoja la url del icono que quieres y lo pones

Facebook

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWHNKBlNsmA6txO76BVEHSv61CO7LJMctjoVrAtohEuIPgJOEJ_ZzqVOHuWImKikt0M-AHrN4mRcy9MNDT2VQszzfcBYuAK9Ky_0owIb4snD-EOh-ZZyQUhvW-hq9ZMWG46MmEP95qqqcM/s1600/facebook.png



Rss

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtqC7GXBsjzklSucXCnAIbede0KewWd6kZp8rqHcBiwIDGj2aKr02gCGzn8mJqwqPdtYTmKAPcSC0ctKBYN4X4AVVxxf6nIP3DHOy42TedSbDp28wZQiI7kGTYoq_jTIZ4Sx5bGDxNjOmk/s1600/rss.png



Likedin

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp_NSQU9SWAuXQVuKryeN98pOyB2UF_LKZx2AYIPeO2RbMoAqH3sig43jZn-7WRBCcyAuAzUb8dj100vVMRLJKHBhY6MiYrN1AZTav1IQWdMpuYF2uOrntmZxLTZQ5QOTGklvc59XXEzqr/s1600/Linkdn.png



Google

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqg8o3qbUfdaIbVdAJV783f1CzGblbbvt8Ia6zfhjvuPGw2xNMEEJ5MZptfZRCtSqULv5dKapZXXk3fWnAwJaETuIKawKW9WXDDUzQJ04pl87Al1G6gqOMGJdO1kei_wHCztuJKGKiwjiB/s1600/google.png



Digg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggyrkVtYVy7jv1uKMyeEjr_G1ay_mBzmaYMAKe44dcqAt-nBO3NTiOKCH314P0gGMH00A_8shOfcifrBdKYL3KpRrWU9AxR35phGo5Q3f4KFJUqL2jiWeVdtsYYo8ZOAKEtlIs0MJ2pg-4/s1600/digg.png



Delicius

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizzTporIWFoGh1rwNW6RQ8kvorg-4mIFLwxcxgDjeW2bfMXyWMi3C4ncPxzmNTMC_hVdTLXW0VtzKoADoxwy101ei0-R9K0M8JUxUpN_EopgdpU1uSUUuVUdZ6hhJQn9_AzTCQAcSWMRqa/s1600/Delicious.png



Twitter

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1hOb9800KJjhP2pcR2Tba74O59YQT1GmsRHg19gqxwMu4RCE5gECAnwlsaxFXR3lWSJlHIBhIxxx5skrnKOsOtYxImdLbsu2ZtUKYhk_iTBqjevyFEav-uZPfBEBN2xkvYDvSJBS0A5Th/s1600/twitter.png



Youtube

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPdDdHcUI4F0pY9_GfYRpYBDLDYonXhfSE3v7I5OlgJy7pemcBgj88HsWhN08fXnbOgamc4iJq9x9AXJSrYpaFyC_qKaKdPfiTJD_kX_lPm7GXVCHR4PjOwtm-YnwEhzwUFwjFqXIGQfHn/s1600/youtube.png