Abrir página en una ventana nueva

Casi todo el mundo que maneja un poco esto de las páginas web sabe de este sencillo "truco" pero siempre habrá alguien que aún no lo sepa, así que yo lo pongo por si sirve de ayuda:

Si tienes un link a otra página en tu blog y quieres que al pinchar sobre él, este se habra en una ventana nueva para que tus visitantes no tengan que salir de la tuya, solo tienes que añadir despues del link "target="_blank" dejando un espacio entre ellos.

Ejemplo: 

<a href="http://NombredetuWeb.com/" target="_blank">Nombre del sitio</a>

Rosa in memoriam

Botón "Volver atrás"

Código:

<input type="button" value="Volver atrás" onclick="history.back()" style="font-family: Verdana; font-size: 10 pt">

Puedes hacer el botón más grande o más pequeño sustituyendo en el código donde dice "font-size:" por el número que quieras (número mayor=botón más grande).

Rosa in memoriam

Imagen de fondo en las entradas del Blog

Puedes poner una imagen de fondo en una entrada de tu blog para poder escribir encima de la imagenes como estas viendo en esta misma entrada, usando una tabla (table):
Crea una entrada nueva en el blog, en el modo HTML pega este código: 

<table bordercolor="#000000" cellspacing="0" cellpadding="0" width="100%" background="URL_DE_IMAGEN" border="0"><tbody><tr><td><p>Texto Aquí</p></td></tr></tbody></table>

Para poner la imagen que tu quieras entras a cualquier página de Internet y cuando veas la imagen que te gusta, haz click con el botón derecho sobre ella, eliges "guardar imagen como" después la subes a internet en cualquier pagina de alojamiento gratuito o en el mismo Blogger y copias la url de la imagen.

Esa Dirección (URL) tienes que sustituirla en el código anterior por "URL_DE_IMAGEN"
Donde pone "Texto aquí" escribes tu entrada, la imagen se irá expandiendo según vas escribiendo el texto.

Si quieres que la imagen y, por tanto, tu entrada aparezca dentro de un cuadro, sustituye en el código donde dice "border=0", el cero por el ancho de borde que quieras.
Queda chula, ¿no os parece?

Rosa in memoriam

Menú desplegable o lista

Dos códigos sencillitos para hacer un menú desplegable y una lista. Donde pone ejemplo 1, 2, 3 ponéis lo que queráis.

Código uno:

<select name="select"><option>Ejemplo 1</option><option>Ejemplo 2</option><option>Ejemplo 3</option></select>

Código dos:

<label><input type="radio" name="GrupoOpciones1" value="opción">Ejemplo 1</label><label><input type="radio" name="GrupoOpciones1" value="opción">Ejemplo 2 </label>

Rosa in memoriam

Blockquote o pullquote

Un pullquote es una especie de cita o nota que se añaden a los post para resaltar alguna idea o algo que queramos destacar dentro del texto.
Para lograr este efecto tan bonito hemos de andar con el CSS de la plantilla.
Localizamos esta parte en el HTML de nuestra plantilla:

.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}

Y la sustituimos por esta otra:

.pullquote {
float: right;
width: 150px;
margin: 5px 5px 5px 10px;
padding: 3px 0;
font: Verdana, sans-serif;
color: #555;
text-align: center;
font-size: 1.4em;
border-top: 3px double #ccc;
border-bottom: 3px double #ccc;
}
.pullquote p {
padding: 0;
margin: 0;
}

Se puede cambiar el color del borde y del texto, modificando la parte que está destacada de otro color en el código.
Hay que colocar este otro código en cada entrada que se publique, para que sea más fácil y cómodo podemos copiarlo y pegarlo en Opciones - Formato - Caja de Plantilla de entrada, así saldrá automáticamente en cada creación de entrada, sino queremos usarlo en alguna de ellas, eliminamos el código y listo.

<blockquote class="pullquote"><p>...Texto que va dentro del pullquote...</p></blockquote>

<p>Texto del post...