Un documento HTML (plantilla de tu blog) con una estructura lo más simplificada posible tendría las siguientes partes(no están ordenadas):
<HTML>
Este es el principio de un documento de tipo Html.
</HTML>
Este es el final de un documento de tipo Html.
<HEAD>
Este es el principio de la zona cabecera.
(prólogo al documento propiamente dicho incluyendo
las informaciones destinadas al browser).
</HEAD>
Este es el final de la zona cabecera.
<TITLE>
Este es el principio del título de la página.
</TITLE>
Este es el final del título de la página.
<BODY>
Este es el principio del documento propiamente dicho.
</BODY>
Este es el final del documento propiamente dicho.
NOTAS:
• Te habrás dado cuenta que a cada parte de un principio de acción, o sea < ... > corresponde (muy lógicamente) una etiqueta de fin de acción </ ... >.
• Es equivalente escribir <HTML>, <Html>, <html>, etc. Las mayúsculas/minúsculas no afectan.
Una vez visto esto, te recomiendo que trates de localizar en la plantilla de tu blog todas esas partes para familiarizarte un poco más con la plantilla de tu blog de blogger - blogspot.
Fuente: ccim.
Categorías
| [+/-] | Conoce la plantilla de tu blog |
| [+/-] | Cómo poner un texto que parpadea en tu blog de blogger |
Si quieres poner en tu blog un texto que aparezca y desaparezca debes seguir este código:
<BLINK>El texto parpadea</BLINK>
El resultado será este:
| [+/-] | Textos en movimiento para tu blog de blogger: marquesinas y behavior |
Si quieres poner un texto que se mueve en tu blog debes hacer lo siguiente:
<MARQUEE> Texto que se mueve </MARQUEE>
¿Quieres configuarlo? Pues vamos a ello:
Si por ejemplo quieres controlar el tamaño deberás emplear este código modificando el width y el height por los valores que requieras
<MARQUEE WIDTH=50% HEIGHT=60>
Si queremos modificar el alineamiento del texto que rodea a la marquesina, que puede ser TOP (arriba), MIDDLE (en medio) o BOTTOM (abajo) seguiremos este código:
<MARQUEE WIDTH=50% HEIGHT=60 ALIGN=BOTTOM>La palabra "¡Hola!" estará
¡Hola!
Ejemplo:
¡Hola!
Y por último podemos optar también por otro atributo denominado Behavior (en inglés comportamiento) y nos sirve para definir de qué manera se va a efectuar el desplazmiento del texto. El código a emplear será el siguiente:
<MARQUEE BEHAVIOR=ALTERNATE>
Ejemplo:
| [+/-] | Cómo alinear (izquierda, derecha y centro) textos en blog de blogger |
Si quieres alinear textos en tu blog, ya sea a la izquierda, derecha o centro, deberemos hacer lo siguiente:
A la izquierda debes poner: <p align="left">TU TEXTO AQUÍ</p>
A la derecha debes poner: <p align="right">TU TEXTO AQUÍ</p>
En el centro debes poner: <center>TU TEXTO AQUÍ</center>
NOTA: Estos códigos también nos sirven para alinear gadgets HTML/Javascript
| [+/-] | Como subrayar textos en tu blog |
Si quieres saber cómo subrayar textos en tu blogspot es tan fácil como poner el texto de esta forma:
<u>texto a subrayar</u>
El resultado será el siguiente:
Ejemplo
| [+/-] | Chuleta CSS para tu blog de blogger |
De mano de ateneupopular os traigo esta "chuleta" para aprender sobre CSS.

Clic para descargar la chuleta.
| [+/-] | Cómo crear enlaces de texto y con imagen a otra web |
Para crear un enlace que vaya a una dirección URL (o link) debemos seguir esta estructura:
<a href="enlace a la web donde quieras ir"> titulo de la web</a>
Si quieres que en ese enlace aparezca una imagen debemos seguir esta estructura:
<a href="URL del enlace"><img alt="Título" src="URL de la imagen" /></a>
Si quieres que estos links hagan que no se abandone tu blog deberas añadir el siguiente codigo despues de la direccion a donde quieras ir:
<a href="enlace a la web donde quieras ir" target="_blank"> titulo de la web</a>
| [+/-] | Todo sobre los bordes y líneas en tu blog de blogger |
Si quieres modificar los bordes de tu blog de blogger debes tener en cuenta todos estos conceptos sobre ellos:
En la plantilla HTML nos los encontramos con esta estructura:
border: grosorpx estilo color;
El grosor se refiere a px. Cuantos más px tenga, más ancha será la línea o borde.
En cuanto a estilos nos podemos encontrar los siguientes:

En cuanto a colores, podemos optar por llamarlos en inglés: black, white, red... o buscarlos de forma más precisa por códigos de colores, por ejemplo en colorhunter.com
Ten en cuenta que si optas por un color escrito en código debe comenzar por #
Si ponemos únicamente border: el borde será completo (habrá línea arriba, abajo, derecha e izquierda), mientras que si queremos que sólo estén presentes a los lados y/o arriba y/o abajo debemos tener en cuenta que:
Borde arriba: border-top
Borde abajo: border-bottom
Borde a la izquierda: border-left
Borde a la derecha: border-right
| [+/-] | Cómo poner bordes en el blog |
Primero recordemos algunos conceptos que ya vimos sobre la estructura de un blog.
#outer-wrapper es lo que envuelve a todo nuestro blog
#main-wrapper es donde escribimos nuestros artículos o entradas
#sidebar-wrapper es la columna en donde insertamos los gadgets.
#header-wrapper es la cabecera de nuestro blog
#footer-wrapper es el pie de página de nuestro blog
Repasados los conceptos, para poner bordes en el blog debemos hacer lo siguiente:
1) Vamos a Diseño
2) Edición HTML
3) Buscamos la parte a la que le queremos añadir bordes (outer-wrapper, main-wrapper ...). Recuerda que para agilizar la búsqueda podemos teclear las teclas Ctrl + F.
4) Situados en la parte que queramos modificar por ejemplo main-wrapper (donde escribirmos las entradas) veremos que nos encontramos con algo así:
Pues deberemos añadirle otra línea con esto: border: 1px solid black; quedando así:
Si queremos modificar los valores de la línea debemos saber que:
border hace referenica al brode que queremos poner. Si quisiéramos poner sólo una línea a la derecha (right) deberíamos poner border-right, al igual que haríamos si quisiéramos a la izquierda (left), bottom (abajo) y arriba (top).
1px hace referencia al grosor de la línea. Cuanto más valor le demos, más gorda será la línea.
solid hace referencia al tipo de línea. En este caso será una línea sólida. Podemos cambiarla por dotted y será con puntos en lugar de una línea recta.
black hace refencia al color de la línea, podemos cambiarla por otro color como grey (gris) o el que nos guste más. También podemos cambiarlo por un color en código como por ejemplo #152435.
Recuerda que debe acabar siempre con ;
5) Damos a vista previa y si nos gusta guardamos la plantilla.
| [+/-] | Conceptos básicos para tu blog de blogger blogspot |
Gracias a blogandweb nos encontramos con esta "chuleta" para tratar de comprender mejor los conceptos básicos de una plantilla de blogger.
No olvides hacer clic para poder ampliar las fotografías


| [+/-] | Como centrar vídeos, gadgets y códigos html en tu blog |
¿Quieres saber cómo centrar elementos en tu blog? No te preocupes, es fácil y sencillo. Presta atención:
<center>Aquí para el texto, vídeos de youtube, gadget, o lo que sea que queramos centrar en la entrada o sidebar </center>
Tan sólo debemos poner <center> y </center> y ya habremos centrado el objeto.





