Cambiar fondo en Blogger

¿Cómo puedes colocar tu propio fondo en blogger?, sigue este pequeño tutorial:

El tamaño de la imagen que vamos a usar depende un poco de la pantalla que tenemos, en la actualidad se tiende a que la pantalla que se usa sea grande por ejemplo de 17, 19 ó 21 pulgadas, por lo tanto, cuanto más grande sea la imagen mejor.

Se recomienda usar imágenes por encima de 1440x900

Después de tener tu imagen, vas a imageshack y la subes, para lo cual tienes que registrarte.

Una vez subida la imagen a imageshack te dará varios códigos, el que tienes que copiar es: "ENLACE DIRECTO".

Ahora en tu panel de control del blog, vas a diseño

Presiona "AÑADIR UN GADGET" y elige el que dice "HTML/JavaScript"

Te aparecerá una ventana en la que deberás pegar el código que se encuentra debajo, modificando donde dice "URL DE LA IMAGEN" pega el enlace que anteriormente hemos copiado desde imageshack.

<style type="text/css">body {background-image: url("URL DE LA IMAGEN"); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style>

Nuestro fondo ya estará personalizado.

Alinear en el blog código, texto, imágenes, videos, etc...

Para la alineación de un elemento o texto dentro del blog colocaremos los siguientes códigos según lo necesitemos, podemos alinear a la derecha, a la izquierda, centrado o justificado a ambos lados en el caso que sea sólo texto.

Con este método podremos alinear cualquier código, texto, imágenes, videos, etc... En el blog, tienes que insertar el código que te dejo a continuación:

• Alineación a la Izquierda 

<div align="left">Aquí lo que quieres alinear a la izquierda </div>

• Alineación a la Derecha 

<div align="right"> Aquí lo que quieres alinear a la derecha</div>

• Alineación Centrada

 <div align="center">Aquí lo que quieres Centrar </div>

• Alineación Justificada

<div align="justify">Aquí el texto para alinear los dos margenes iguales</div>

Centrar Gadgets en tu plantilla

Centra los gadgets en tu plantilla añadiendo las etiquetas <center> al principio del código y </center> al final.
Como se muestra en la imagen.

Agregar tu blog a favoritos

Aquí te dejo otro truco sencillo, un boton que hará que tus visitas,  si asi lo deseas, pueden agregarte facilmente a sus favoritos, el siguiente código lo agregas desde Panel de control -> Diseño -> Añadir Gadget -> html/javascript:


<center><script language="JavaScript">
function agregar(){
if ((navigator.appName=="Microsoft Internet Explorer") && (parseInt(navigator.appVersion)>=4)) {
var url="http://aquitublog.blogspot.com";
var titulo="Aqui pones el titulo de tu blog";
window.external.AddFavorite (url,titulo);
}
else {
if(navigator.appName == "Netscape")
alert ("Presiona Crtl+D para agregar Aqui otra ves el titulo de tu blog a tus favoritos");
}
}
</script>
<input value="Agregar a favoritos" onclick="javascript:agregar();" type="button"/></center>

Añadir menú a tu blog

Hay infinitas aplicaciones para Blogger, una de la mas utilizada y práctica es la barra de menu para Blogger, por eso aqui os voy a enseñar como hacer una, es tan simple como ir a Diseño > Elementos Blog > Añadir un nuevo Gadget, una vez alli solo tienes que copiar el siguiente codigo:

Crear menú en tu blog
Obviamente, donde pone http://www.ayudablogger.org/  lo cambias por tu web, o simplemente pon el link al que va ir.

¿Cómo poner dos columnas en una entrada?

Vamos a colocar dos columnas en una misma entrada, una en la parte izquierda y otra en la parte derecha, ¿Cómo lo podemos hacer?, sencillamente colocando el siguiente código y solo tendremos que escribir nuestro texto como queramos que aparezca. 

poniendo tu texto en donde dice texto columna izquierda y derecha.

CÓDIGO A INSERTAR

<div style="float: left; width: 45%">texto-columna-izquerda</div><div style="float: right; width: 45%">texto-columna-derecha</div>
<div style="clear: both"></div>

Abrir enlace de Blogger en ventana nueva

Para que nuestros visitantes no abandonen la lectura de nuestro BLOG al abrir enlaces externos lo que tenemos que hacer es añadir el comando target="_blank" después del link que estás enlazando, lo realizaremos de la siguiente manera:
En la entrada que estamos editando, una vez que tenemos puesto el enlace, nos vamos a Edición de HTML, buscamos el enlace que hemos creado y le añadimos target="_blank", se muestra el ejemplo más abajo.

Normalmente nos aparecería así:

<a href="http://www.educa.madrid.org/web/cp.angelleon.colmenarviejo/">

Si deseas que este link abra en otra ventana agrega target="_blank y quedará de esta manera:

<a href="http://www.educa.madrid.org/web/cp.angelleon.colmenarviejo/" target="_blank>


Así de sencillo. Recuerda dejar espacio entre /" y target.