Crear tu blog de blogger

Creación de entradas en Blogger

2011-05-10T04:33:00.000-07:00

Partiendo del Escritorio de Blogger, pinchamos en Nueva Entrada.

En la pagina Nueva entrada que se abre, rellenamos los campos Título, Cuerpo de la entrada, y palabras Meta.

Puedes ver una vista previa de cómo va a quedar la entrada pinchando en Vista Previa, y una vez que lo tengas como desees, pincha en Publicar entrada.

El apartado donde va el texto de la entrada tiene dos partes separadas cada una con su pestaña, Edición HTML y Redactar.

La vista Edición HTML es para escribir directamente código HTML, por ejemplo, si queremos poner una barra horizontal que separe la entrada en dos partes escribiremos la etiqueta <hr /> es esta vista.

Y la vista Redactar es para redactar la entrada como si lo hiciésemos en un documento de Microsoft Word.

Cambiar el fondo de Blogger

2011-05-09T10:14:00.000-07:00

En Blogger podemos cambiar fácilmente el fondo del blog, se puede cambiar la imagen de fondo, o quitarla y poner un color.

En el Escritorio de Blogger, pinchamos en Diseño.

En Elementos de la página, pinchamos en Diseñador de plantillas.

En la página Diseñador de plantillas de Blogger, pinchamos en la pestaña Fondo.

Y en este apartado Gama de colores principal pinchamos en los colores para cambiar el fondo, o si queremos poner una imagen, pinchamos en Imagen de fondo y escogemos una que nos guste. Debajo iras viendo los cambios que hagas en todo momento, y tendrás una vista previa de cómo queda. Una vez lo tengas como te guste pincha en Aplicar al Blog para guardar los cambios.

Crear páginas nuevas en Blogger

2011-05-09T08:20:00.000-07:00

En Blogger se pueden crear hasta 10 páginas nuevas. Veremos como crear una.

En el Escritorio de Blogger, pinchamos en Editar entradas.

En Editar entradas, pinchamos en Editar páginas.

En Editar páginas, pinchamos en Crear una página.

Entonces se nos abre una página similar a la de creación de entradas, ponemos los datos necesarios y pinchamos en Publicar Página.

En la siguiente página que nos aparece debemos escoger donde queremos que salga la barra de navegación de las páginas (no de las entradas). Activamos la casilla que mejor se adapte a nuestro diseño y pinchamos en Guardar y Publicar.

Ya por último, nos aparece la pagina que nos confirma la exitosa creación de la nueva página en Blogger, y nos da la posibilidad de editarla. Si no deseas editarla, pincha en Ver página.

Si ahora vas a la página principal de tu blog verás la barra de navegación con dos pestañas, la página principal y la de información que acabamos de crear.

Meta etiqueta para robots en Blogger

2011-05-09T07:26:00.000-07:00

Para no tener problemas de indexación por los motores de búsqueda en Internet es conveniente añadir la Meta etiqueta: robots. Para que nos indexen todas las paginas del Blog añade el código que se indica a continuación.

En el Escritorio, pinchamos en Diseño.

Luego pinchamos en Edición de HTML

En Editar plantilla, buscamos el siguiente código:

Y justo encima, añadimos el siguiente código:

<meta content='index,follow' name='robots'/>

Pinchamos en Guardar Plantilla, y ya está.

favicon.ico personalizado en Blogger

2011-05-09T06:56:00.000-07:00

Para poner nuestro favicon.ico personalizado sólo tenemos que subir nuestro favicon.ico a Internet, por ejemplo a un Upload que permita almacenar imágenes con la extensión *.ico, y añadir un poco de código a la plantilla.

1º Subimos nuestro favicon.ico a Internet y copiamos la URL que nos dan. Luego tendrás que pegar esa URL en el código de la plantilla.

En el Escritorio, pinchamos en Diseño.

En la página Elementos de la página, pinchamos en Edición de HTML.

En Editar plantilla, buscamos el siguiente fragmento de código:

<b:include data="blog" name="all-head-content">

E incluimos el siguiente código justo debajo:

<link href=’PON AQUÍ LA URL DE TU IMAGEN DEL favicon.ico’ rel='shortcut icon' type='image/x-icon'/>
<link href=’PON AQUÍ LA URL DE TU IMAGEN DEL favicon.ico’ rel='icon' type='image/x-icon'/>

Sustituye PON AQUÍ LA URL DE TU IMAGEN DEL favicon.ico por la URL verdadera que te hayan dado cuando subiste tu favicon.ico al Upload.

Y con esto ya tienes tu favicon.ico personalizado.

Copia de seguridad de Blogger

2011-05-07T06:44:00.000-07:00

Blogger nos permite realizar copias de seguridad de nuestra plantilla instalada, cosa que es conveniente hacer cada vez que realizamos algún cambio en el código de la plantilla. De esta manera, si tenemos problemas podemos reinstalar la plantilla de nuevo.

Partiendo del escritorio, pinchamos en Diseño.

Una vez en Añadir y organizar elementos de la página pinchamos en Edición de HTML.

En la parte de arriba de la página, en Realizar copia de seguridad/Restaurar plantilla, pinchamos en Descargar plantilla completa.

En la ventana de la descarga que se abre, pinchamos en Guardar.

Quitar la barra de Blogger

2011-05-07T06:15:00.000-07:00

Antes de que quites la barra de Blogger debes de tener en cuenta un par de aspectos. Cuando quites la barra desaparecerán los links “Escritorio”, “Entrar” y “Salir. Para entrar lo puedes solucionar colocando el Widget” Logo de Blogger”, que en realidad es un botón que te lleva a la página principal de Blogger desde donde puedes entrar al escritorio. Y para salir deberás hacerlo desde el escritorio también, que es donde te aparecen todos los botones.

Bueno, vamos allá. Para empezar, en el escritorio pinchamos en Diseño.

Una vez en la página de Añadir y organizar elementos de la página, pinchamos en Edición de HTML.

En la vista de código busca el siguiente fragmento:

body {

Y añade el siguiente código justo en la línea de encima:

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

Una vez pegado el código anterior, debe quedar así:

Ya por último, pinchamos en Guardar Plantilla.

Cambiar la barra de navegación

2011-05-06T10:40:00.000-07:00

Para cambiar la barra de navegación de Blogger, partiendo de nuestro Escritorio, pinchamos en Diseño.

En la pagina Añadir y organizar elementos de la página, pinchamos en Editar (en la zona azul que corresponde a la Barra de navegación).

En la ventana Configuración de la barra de navegación seleccionamos el tipo de barra que nos guste más. En este caso he seleccionado la de fondo negro. Y pinchamos en Guardar.

Resultado final.

Nota: Editando el código se puede eliminar la barra para que no aparezca, cosa que trataremos en otro tutorial.

Cómo escoger una plantilla de Blogger

2011-05-06T06:26:00.000-07:00

Para escoger una plantilla para nuestro blog debemos partir de nuestro escritorio, que es el lugar desde donde administraremos todos los blogs que creemos con esa única cuenta (Se pueden tener varias cuentas independientes unas de otras y con varios Blogs cada una).

Vamos allá, empezamos pinchando en Diseño.

En la página que se nos abre, pinchamos en Diseñador de plantillas.

Entonces se abre la página para escoger la plantilla. Si vas pinchando en las diferentes plantillas y sus versiones, verás debajo una vista previa para comprobar cómo queda.

Cuando tengas una que te guste pincha en Aplicar al Blog para seleccionarla.

Y después pincha en Ver Blog. Y con esto ya hemos cambiado la plantilla de nuestro Blog.

Cambiar la cabecera de Blogger

2011-05-04T11:36:00.000-07:00

Como siempre, partimos desde el Escritorio pinchando en Diseño

En la página Añadir y organizar elementos de la página, en la zona de la cabecera (Cabecera) pinchamos en Editar.

En la ventana Configurar cabecera activamos las casillas Desde tu equipo, En lugar del título y la descripción, y si la imagen es más grande de lo que permite la plantilla que tengas instalada activa también la casilla Reducir hasta ajustar. Una vez hecho esto pinchamos en Seleccionar archivo.

Y entonces se nos abre la ventana del navegador para que busquemos la imagen que queremos poner como nueva cabecera. La seleccionamos y pinchamos en Abrir para importarla al Blog. Luego sólo queda pinchar en Guardar.

(Las imágenes que subas así se almacenan en picasaweb.google.com, en otro tutorial hablaremos de Picasa y cómo utilizar este servicio gratuito con el Blog)

Cabecera cambiada con éxito.

Crear el Blog en Blogger

2011-05-04T11:17:00.000-07:00

Primer tutorial donde veremos como crear el blog en unos sencillos pasos

Para crear un blog en Blogger necesitas tener una cuenta de correo electrónico ya creada, no es indispensable que esta sea de Gmail, pero ya que estamos hablando de servicios gratuitos de Google yo usaré una cuenta de Gmail. Con esa cuenta de correo se administra el blog que vamos a crear.

Vamos a ver como crear nuestro Blog en Blogger gratuitamente. Para empezar tenemos que ir a la Web de Blogger en www.blogger.com, introducimos nuestra dirección de correo electrónico con la que administraremos el Blog y su contraseña, y pinchamos en Acceder.

En la siguiente pagina tenemos que introducir el nombre que deseemos mostrar como autor de las entradas que publiquemos. También podemos cambiar el Mail para acceder al Blog con una cuenta distinta. Y por último hay que activar la casilla para aceptar las condiciones. Una vez hecho esto pinchamos en Continuar.

En la siguiente página nos aparece el aviso de que aún no tenemos ningún Blog creado, y nos da la posibilidad de crear el primero. Para ello pinchamos en Crear Blog Ahora.

En esta página que nos aparecerá ahora debemos introducir el nombre del blog en los dos campos, en el primero se puede escribir el nombre como se quiera, pero en el segundo, dado que es una dirección web, el nombre debe ir sin espacios, sin eñes, sin acentos ni comas. Luego pinchamos en Comprobar la disponibilidad, si el nombre estuviera ya cogido (cosa frecuente) nos avisará para que escojamos uno nuevo. Si dispones de un dominio propio también se puede usar, quitando así el xxxxx.blogspot.com. En otro tuto veremos cómo poner nuestro dominio propio. Una vez escogido el nombre pinchamos en Continuar.

En el paso siguiente nos dan la posibilidad de escoger una plantilla, para comenzar lo dejaremos en la plantilla por defecto (plantilla Sencillo) y pinchamos en Continuar.

La siguiente página nos avisa de que ya tenemos nuestro Blog on-line, y nos da la posibilidad de personalizar su apariencia o comenzar a publicar instantáneamente.

Si pinchamos en Empezar a publicar se nos abre la página de creación de entradas, que es esta de abajo. Pero dejamos la publicación de entradas para otro tutorial.