Plantilla 102

CÓDIGO 2 COLUMNAS:

<style type="text/css">body {background-image: url("http://img199.imageshack.us/img199/6573/trueblood2columnas.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style><div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"><a href="http://decoratublog.blogspot.com/" target="_blank"><img border="0" src="http://img385.imageshack.us/img385/9625/decoratubloggq6.jpg" /></a></div>

CÓDIGO 3 COLUMNAS:

<style type="text/css">body {background-image: url("http://img16.imageshack.us/img16/87/trueblood3columnas.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style><div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"><a href="http://decoratublog.blogspot.com/" target="_blank"><img border="0" src="http://img385.imageshack.us/img385/9625/decoratubloggq6.jpg" /></a></div>

Plantilla 101

CÓDIGO 2 COLUMNAS:

<style type="text/css">body {background-image: url("http://img36.imageshack.us/img36/2429/fondobambu.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style><div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"><a href="http://decoratublog.blogspot.com/" target="_blank"><img border="0" src="http://img385.imageshack.us/img385/9625/decoratubloggq6.jpg" /></a></div>

CÓDIGO 3 COLUMNAS:

<style type="text/css">body {background-image: url("http://img27.imageshack.us/img27/1896/fondobambu3columnas.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style><div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"><a href="http://decoratublog.blogspot.com/" target="_blank"><img border="0" src="http://img385.imageshack.us/img385/9625/decoratubloggq6.jpg" /></a></div>

Plantilla 100

CÓDIGO 2 COLUMNAS:

<style type="text/css">body {background-image: url("http://img189.imageshack.us/img189/6503/plantillaazul2columnas.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style><div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"><a href="http://decoratublog.blogspot.com/" target="_blank"><img border="0" src="http://img385.imageshack.us/img385/9625/decoratubloggq6.jpg" /></a></div>

CÓDIGO 3 COLUMNAS:

<style type="text/css">body {background-image: url("http://img24.imageshack.us/img24/8207/plantillaazul3columnas.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style><div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"><a href="http://decoratublog.blogspot.com/" target="_blank"><img border="0" src="http://img385.imageshack.us/img385/9625/decoratubloggq6.jpg" /></a></div>

Créditos: Kit "Bloo and Green" ©Artistic Minds Inc @ http://artisticmindsinc.blogspot.com/

Plantilla de 3 Columnas MÍNIMA

Si queremos convertir nuestra plantilla MINIMA de 2 columnas, en una de 3 para tener más espacio para nuestros gadgets, en este tutorial aprenderemos cómo hacerlo de una manera fácil y rápida.

Para ello iremos apretamos en "Personalizar" y luego elegiremos la pestaña "Diseño/Edición de HTML".

Haremos una copia de seguridad de la plantilla actual, porque más vale prevenir que curar, y así, en caso de que algo salga mal o no nos guste, siempre podremos dejar el blog como lo teníamos. Así pues, apretamos donde dice "Descargar plantilla completa" y la guardamos con el nombre que queramos.

Bien, ahora que ya tenemos nuestra copia de seguridad hecha, empezaremos con los cambios en el código para conseguir las tres columnas.

1. Vamos a copiar el código de la barra lateral y lo duplicaremos. De esta forma habremos creado una segunda barra lateral. Para ello buscamos el código que dice:

#sidebar-wrapper { width: 220px; float: right; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ }

(Clic en las imágenes para verlas más grandes)

2. Lo pegamos justo a continuación. Ahora cambiaremos lo siguiente:


3. Un pelín arriba añadimos lo siguiente donde indica la imagen:

margin-left: 25px;

4. Ahora ajustaremos algunos valores para adecuarlos a la nueva plantilla. Para ello cambiaremos los siguientes números:


5. Casi al final del código, buscamos la parte de color verde y pegamos justo encima lo siguiente:

<div id='left-sidebar-wrapper'> <b:section class='sidebar' id='left-sidebar' preferred='yes'/></div>

6. Para finalizar, ajustaremos el ancho del banner central del blog. Para ello cambiaremos los siguientes parámetros:


Y ya solo nos queda Guardar la plantilla.

Ahora, iremos a la pestaña de "Elementos de la página" y veremos las tres columnas, listas para añadir los gadgets que necesitemos.

Plantilla 99

CÓDIGO:

<style type="text/css">body {background-image: url("http://img216.imageshack.us/img216/198/bvbestwishes.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style><div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"><a href="http://decoratublog.blogspot.com/" target="_blank"><img border="0" src="http://img385.imageshack.us/img385/9625/decoratubloggq6.jpg" /></a></div>

Plantilla 98

CÓDIGO:

<style type="text/css">body {background-image: url("http://img23.imageshack.us/img23/5530/plantillagears.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style><div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"><a href="http://decoratublog.blogspot.com/" target="_blank"><img border="0" src="http://img385.imageshack.us/img385/9625/decoratubloggq6.jpg" /></a></div>

Créditos: Kit "Shifting Gears" ©Jaime Choi @ http://threepaperpeonies.blogspot.com/

Plantilla 97

CÓDIGO:

<style type="text/css">body {background-image: url("http://img20.imageshack.us/img20/6472/fondodiscoc.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style><div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"><a href="http://decoratublog.blogspot.com/" target="_blank"><img border="0" src="http://img385.imageshack.us/img385/9625/decoratubloggq6.jpg" /></a></div>

Plantilla 96

CÓDIGO:

<style type="text/css">body {background-image: url("http://img23.imageshack.us/img23/1200/fondolibros.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style><div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"><a href="http://decoratublog.blogspot.com/" target="_blank"><img border="0" src="http://img385.imageshack.us/img385/9625/decoratubloggq6.jpg" /></a></div>

Créditos: Fondo de madera "Warm and Wood papers" ©2009 by Giny Scrap Designs @ http://ginyscrap.blogspot.com

Elementos decorativos "Rentree des classes" ©Cajoline @ http://cajoline.vefblog.net/

Plantilla 95

CÓDIGO:

<style type="text/css">body {background-image: url("http://img31.imageshack.us/img31/3912/fondorevive.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style><div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"><a href="http://decoratublog.blogspot.com/" target="_blank"><img border="0" src="http://img385.imageshack.us/img385/9625/decoratubloggq6.jpg" /></a></div>

Créditos: Kit "Revive" ©TaylorMade Designs @ www.taylormade-designs.com

Plantilla 94

CÓDIGO:

<style type="text/css">body {background-image: url("http://img23.imageshack.us/img23/5828/fondounderthesea.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style><div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"><a href="http://decoratublog.blogspot.com/" target="_blank"><img border="0" src="http://img385.imageshack.us/img385/9625/decoratubloggq6.jpg" /></a></div>

Créditos: Kit "Under the sea" © Mira Designs @ http://www.shabbypickledesigns.com/

Plantilla 93

CÓDIGO:

<style type="text/css">body {background-image: url("http://img36.imageshack.us/img36/240/plantillacoffe.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style><div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"><a href="http://decoratublog.blogspot.com/" target="_blank"><img border="0" src="http://img385.imageshack.us/img385/9625/decoratubloggq6.jpg" /></a></div>

Plantilla 92

CÓDIGO:

<style type="text/css">body {background-image: url("http://img11.imageshack.us/img11/7254/fondowhimsylove.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style><div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"><a href="http://decoratublog.blogspot.com/" target="_blank"><img border="0" src="http://img385.imageshack.us/img385/9625/decoratubloggq6.jpg" /></a></div>

Créditos: Kit "Love, love, love" ©NewlifeDreamsdesigns at ShabbyPickleDesigns.com

Plantilla 91

El texto dice: "Our children, our future" (Trad. "Nuestros hijos, nuestro futuro")

CÓDIGO:

<style type="text/css">body {background-image: url("http://img22.imageshack.us/img22/1209/fondoourchildren.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style><div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"><a href="http://decoratublog.blogspot.com/" target="_blank"><img border="0" src="http://img385.imageshack.us/img385/9625/decoratubloggq6.jpg" /></a></div>

Créditos: Kit "Children´s Day" ©Amy Sumrall @ www.lilbitsandberries.blogspot.com

Plantilla 90

CÓDIGO:

<style type="text/css">body {background-image: url("http://img188.imageshack.us/img188/2331/fondobotonesj.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style><div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"><a href="http://decoratublog.blogspot.com/" target="_blank"><img border="0" src="http://img385.imageshack.us/img385/9625/decoratubloggq6.jpg" /></a></div>

Créditos: Botones © Lynettes Photo Art @ http://lynettesphotoart.blogspot.com/

Plantilla 89

CÓDIGO:

<style type="text/css">body {background-image: url("http://img193.imageshack.us/img193/9291/fondococina.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style><div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"><a href="http://decoratublog.blogspot.com/" target="_blank"><img border="0" src="http://img385.imageshack.us/img385/9625/decoratubloggq6.jpg" /></a></div>

Plantilla 88

CÓDIGO:

<style type="text/css">body {background-image: url("http://img16.imageshack.us/img16/5478/fondodibujo.jpg"); background-position:bottom center; background-repeat: no-repeat; background-attachment: fixed; }</style><div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"><a href="http://decoratublog.blogspot.com/" target="_blank"><img border="0" src="http://img385.imageshack.us/img385/9625/decoratubloggq6.jpg" /></a></div>

Plantilla 87

CÓDIGO:

<style type="text/css">body {background-image: url("http://img200.imageshack.us/img200/3319/fondopeacelove.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style><div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"><a href="http://decoratublog.blogspot.com/" target="_blank"><img border="0" src="http://img385.imageshack.us/img385/9625/decoratubloggq6.jpg" /></a></div>

Créditos: Kit "Peace, Love and Freedom" ©2009 Nicole Young @ http://nicoleyoungdesigns.blogspot.com/

Plantilla 86. Tributo a Michael Jackson

CÓDIGO:

<style type="text/css">body {background-image: url("http://img41.imageshack.us/img41/8985/fondomj.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style><div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"><a href="http://decoratublog.blogspot.com/" target="_blank"><img border="0" src="http://img385.imageshack.us/img385/9625/decoratubloggq6.jpg" /></a></div>

TRIBUTO A MICHAEL JACKSON
1958-2009

(Pinchad donde dice "Close to play" para ver el video.)

Plantilla 85

CÓDIGO:

<style type="text/css">body {background-image: url("http://img7.imageshack.us/img7/2250/fondoclassroom.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style><div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"><a href="http://decoratublog.blogspot.com/" target="_blank"><img border="0" src="http://img385.imageshack.us/img385/9625/decoratubloggq6.jpg" /></a></div>

Créditos: Dingat usado "Schooldays" ©1998, Les Chemins D'En Haut @ http://www.fraternet.com/font/
Imagen de fondo encontrada en Google (Si conoces al autor, hazmelo saber para darle su debido crédito).

Plantilla 84

CÓDIGO:

<style type="text/css">body {background-image: url("http://img10.imageshack.us/img10/1269/fondopuntodecruz.jpg"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style><div id="tag" style="position:absolute; left:0px; top:30px; z-index:50; width:150px; height:45px;"><a href="http://decoratublog.blogspot.com/" target="_blank"><img border="0" src="http://img385.imageshack.us/img385/9625/decoratubloggq6.jpg" /></a></div>