BLOGGER es una plataforma para crear blogs gratis de una forma súper rápida y sencilla y que, además puedes personalizarlo a tu gusto.

Los pasos que tienes que dar son bastante sencillos y siguiendo este tutorial no tendrás ningún problema.

Primeros pasos para crear una cuenta en Blogger

Lo primero que debes hacer es dirigirte a la página principal de Blogger.

En esta ventana encontramos, arriba a la derecha, un botón de “Iniciar sesión”. Cuando tengas creada tu cuenta debes acceder desde aquí, pero mientras tanto haz clic en el botón de “Crea tu blog”.

Ahora, Google te va a llevar a la ventana típica de cuando quieres iniciar sesión en alguna plataforma, y es que Blogger forma parte de Google, por lo que la cuenta qué crees para meterte en Blogger tiene que ser un Gmail.

(Tienes dos opciones, crear una nueva cuenta solamente para tu blog, o utilizar la que ya tienes de forma personal.)

Sea cual sea la opción que hayas elegido, llegarás a esta ventana, en la que tienes que elegir el nombre visible de tu sitio web. Este nombre es el que van a ver los usuarios cuando se metan a ver tu blog por lo que resulta un nombre bastante importante.

En el ejemplo que ves en la foto se ha puesto uno de prueba para la demostración. Haz clic en “Continuar” para ir a la siguiente ventana.

Ahora, vas a llegar al apartado donde tienes que elegir la URL de nuestro blog. Esto es la dirección que va a tener nuestro sitio web, es decir la ruta de Google que vamos a tener que escribir para acceder a él.

(Es bastante difícil encontrar una dirección que no esté cogida a la primera, por lo que este trabajo seguramente te lleve un buen rato.)

Esta también es una elección bastante importante, porque todos los usuarios van a verlo, por lo que, se recomienda que la URL no contenga nombres raros ni muchos números seguidos.

Finalmente tenemos que elegir el nombre de nuestro blog. Este es el título que va a tener la portada (no te preocupes, porque también puedes modificarlo más adelante.)

Crear un blog en Blogger paso a paso

Y ¡por fin!, ya accedes a la página principal de tu blog. Aquí ves como la izquierda hay un menú lateral con los diferentes apartados que tiene Blogger, y a la derecha, la pantalla principal dónde irás viendo el contenido de cada sección.

Vamos a empezar entendiendo cada una de las secciones. La sección de entradas es donde vamos a ir creando cada una de estas.

La diferencia de una entrada y una página es que: la PÁGINA es la que da la estructura a tu sitio web como, por ejemplo, la página de inicio la de contacto o la página de servicios, mientras que las entradas son los posts del apartado del blog.

La siguiente sección, de estadísticas, es donde vamos a ver los datos de nuestro sitio web, como por ejemplo, las visitas semanales mensuales o anuales; o incluso las visitas de cada post.

La siguiente sección es la de comentarios dónde vamos a ver un listado de todos y cada uno de ellos y podemos filtrar los o modificarlos.

En ingresos no siempre tendremos que fijarnos, porque es donde se reflejan los ingresos en caso de tener una cuenta de AdSense.

Las siguientes ventanas, de diseño y tema, profundizaremos más adelante, ya que son las encargadas de dar forma a nuestro blog.

En la pestaña de diseño se establece la arquitectura de la web, mientras que en tema la apariencia.

En configuración, como supondrás, es donde vas a encontrar los ajustes generales de tu blog, como poder editar el título, el tipo de privacidad o los permisos. Para no alargarnos excesivamente, es mejor que eches un vistazo.

Cómo crear una nueva entrada en Blogger

Ahora que ya conoces todas las secciones de esta plataforma, continuemos con la construcción de tu página web con Blogger. En este apartado, vas a aprender a crear una nueva entrada.

Lo primero que tienes que hacer es ir a la sección de entradas, y hacer clic en el botón de “Crear nueva entrada”, que hay arriba a la izquierda.

En esta pantalla ves arriba una línea donde debemos poner el título que va a llevar este post. En el panel principal vemos como un folio en blanco, que es donde va a ir el contenido principal. A la derecha hay una barra lateral de herramientas.

En el ejemplo que ves abajo ya hemos puesto el título un encabezado de primer nivel o H1 y un párrafo de texto.

En la barra superior de herramientas encontramos entre otras cosas, cómo poner algunas de las letras en negrita, cursiva o subrayada. También tenemos la opción de cambiar el texto del párrafo o del encabezado de tamaño o tipo de letra en el ejemplo que ves abajo hemos cambiado a letra Georgia.

Para adjuntar una foto tienes que hacer clic en el botón que ves en el ejemplo de abajo. Esto te va a abrir un menú desplegable en el que vas a poder elegir desde donde subes la imagen.

En este ejemplo vamos a subir la desde mi ordenador personal para ello haz clic en “Subir desde el ordenador” y selecciona la ruta dónde tenemos la imagen. Haz clic en “Aceptar” y te adjunta la imagen.

Una vez que la imagen está en el folio, si hacemos clic sobre ella se despliegan varios iconos. Empezando por la izquierda, los tres primeros son para alinear la imagen respecto al texto. Puedes elegir si quieres que esté centrado, a la izquierda o a la derecha.

Con el siguiente botón puedes cambiarla de tamaño. Se despliega un menú con los diferentes tamaños; elige el que más te gusta.

Cómo hacer una página en Blogger

Para hacer tu primera página tienes que ir a la sección lateral y hacer clic en el apartado “Páginas “.

Una vez dentro debes hacer clic en el botón que hay arriba a la izquierda que pone “Nueva página”.

Seguro que te sorprende que sea el mismo interfaz que para crear una nueva entrada, pero así es mucho más fácil. Para escribir el título de nuestra página, ve a la sección de título y escríbelo.

Para escribir el contenido de tú página deberías hacerlo en la pantalla principal, donde antes pusimos el texto de nuestro post. Para guardarlo haz clic en el botón derecho de arriba donde pone “Publicar “

Tienes que hacer este procedimiento con todas las páginas con las que quieres estructurar tu sitio web. En este ejemplo hemos creado las páginas de “Inicio”, “Servicios”, “Sobre mí” y “Contacto”.

Personalizar Blogger como una página web: diseño de la estructura

Como has visto antes, hay dos secciones llamadas “Diseño” y “Tema”. Entre estas dos vas a ir creando la apariencia que quieres para tu blog.

En el apartado de Diseño se construye la estructura de tu blog, personalizándola a tu gusto. Dentro de ésta, tienes las diferentes secciones que componen cada página, como la cabecera, la barra lateral, el título o el panel central.

Asimismo, dentro de cada sección tienes los diferentes gadgets, como los anuncios de Adsense, el formulario de contacto, la lista de páginas etc.

En el apartado de Tema, puedes modificar la apariencia, como los colores o el tipo de letra que quieres para tu blog. Blogger tiene temas ya instalados en la plataforma, que puedes activarlos cuando quieras.

Temas para Blogger gratis

Ve al apartado de “Temas”, y verás que ya hay uno por defecto, “Contempo”. Puedes modificar ciertas cosas haciendo clic en “Personalizar”.

Esto te va a llevar a una nueva ventana, en la que ves cómo puedes cambiar la imagen de fondo, la gama de colores principales, o alguno más avanzado como la fuente del texto o el color de este; tienes muchísimas opciones para personalizarlo.

¡No te olvides de guardar los cambios! Haz clic en el botón que hay abajo a la derecha para hacerlo.

Si quieres ir, también puedes cambiar a otro de los que tiene Blogger. Vuelve a la pantalla principal y selecciona el tema que más te guste. Aparecerán tres botones en la parte de abajo, de vista previa, para ver cómo quedaría, el de personalizar que ya hemos visto, y el de aplicar. Si te gusta cómo queda, haz clic en Aplicar y tendrás tu tema ya instalado.

Aun así, podemos llegar un poco más lejos. Si ninguno de los temas que has visto te convence del todo, puedes descargarte uno de internet.

Instalar y editar HTML de una plantilla Blogger

Hay muchas páginas en las que vas a encontrar diferentes estilos, pero en el tutorial que encontrarás más abajo he utilizado una en concreto.

Aunque veas código, no te asustes, no necesitas ningún conocimiento técnico para realizar este paso.

Lo primero es ir a la página y seleccionar el tema que más te gusta. En el ejemplo que vamos a hacer se trata del tema “Melissa”.

Para ver un ejemplo, vamos a ver dos ejemplos de elementos muy típicos, el menú de la página y un formulario de contacto.

Cómo crear un menú horizontal en Blogger

Para crear el menú horizontal en Blogger en el tema Melissa, ve a la pestaña de Diseño.

En este tema en concreto, para crear el menú horizontal debes seleccionar la opción de “Editar” en la sección de “Navigation-wrapper”, que es la barra horizontal que hay encima del contenido principal.

Vas a ver otra ventana pequeña, con código. Según las páginas que hayas creado, escribe su nombre entre los dos símbolos de > y <, como ves en el ejemplo de abajo, y también donde está el símbolo de almohadilla.

Lo primero da el nombre de referencia en el menú, y lo segundo crea el enlace que va a conducir a esa página.

También puedes ver como hay un listado en medio del código. Es para crear un submenú, pero los pasos son los mismos que acabamos de ver, que crea el resultado que ves en el ejemplo de abajo:

Cuando hayas terminado no te olvides de guardar.

Poner un formulario de contacto en Blogger

Para poner el formulario de contacto, ve a la sección donde quieras que esté y haz clic en “Añadir un gadget”.

En el ejemplo que vamos a hacer, vamos a ponerlo en la Sidebar, o barra lateral. Cuando hayas hecho clic en “Añadir Gadget” se abrirá una nueva pestaña con todos los gadgets disponibles.

Busca “Formulario de contacto” y para añadirlo, haz clic en el botón de “+” que hay a la derecha, y se añadirá inmediatamente.

No te olvides de guardar los cambios antes de salir. Como breve comentario decirte, que la barra lateral es un elemento que ya no se recomienda mucho, porque nuestros ojos están tan acostumbrados a ella que la pasamos por alto. Sin embargo, en este tutorial hemos querido enseñárlo, porque sigue siendo muy común en muchos sitios.

Tomado de: Ciudadano 02 con fines educativos puedes ampliar la información en el video