Cómo crear un Blog en Blogger

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. Si siempre has querido contar al mundo tus conocimientos, ideas, viajes o cualquier otra cosa, puedes empezar hoy mismo.

Imagen de Pixabay - © Free-Photos

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

Al ser una de las primeras plataformas de blogs y ser gratis, Blogger ha tenido tanto éxito. No obstante, los años han pasado y las cosas han evolucionado mucho.

Por ese motivo, no quiero empezar el tutorial de Blogger sin antes plantearte una posibilidad mucho mejor que Blogger que también es prácticamente gratis, veámosla:

Una alternativa mucho mejor a Blogger

La principal razón por la que te invito a plantearte esta alternativa es que Blogger resulta limitado en sus posibilidades y que cualquier cosa un poquito avanzada (como la personalización del diseño) se hace muy difícil para alguien no técnico.

Por ejemplo: la personalización del sitio con Blogger está muy acotada. Es verdad que existen plantillas HTML para Blogger para instalarlas en tu blog, pero son pocas y sólo vas a poder personalizarlas como tú quieras si tienes conocimientos de programación y sabes modificar el código de esas plantillas.

Sin embargo, en WordPress, puedes crear desde cero cada una de las páginas de tu blog, con cualquier tipo de diseño. Todo de manera visual.

Hay miles de plantillas de diseño gratuitas para WordPress que puedes personalizar de manera visual (sin programa) y decenas de miles de plugins que son extensiones para ampliar la funcionalidad estándar de WordPress.

Con estos plugins puedes llegar a hacer “virguerías” sin mucho esfuerzo, por ejemplo, montar una tienda online completa. Gracias a ofertas de hosting prácticamente regaladas, como las de Hostinger o Ionos puedes tener una web con hosting y dominio propio prácticamente gratis.

Si quieres saber cómo crear una página web profesional, y prácticamente gratis en WordPress, este tutorial explica cómo crear una web así, con blog incluido, en WordPress :

En definitiva, Blogger a día de hoy sólo tiene sentido para web muy personal, que necesiten ni tan siguiera dominio propio y se conformen con el típido dominio “minombre.blogspot.com”. Si no quieres pasar de ahí, bien, entonces igual, efectivamente, es tu opción.

Pero si estás con un proyecto más “serio” tan sólo el dominio ya es algo que vas a necesitar sí o sí y entonces la mejor vía para ti es claramente la de arriba.

Así que piénsate qué plataforma puede adaptarse mejor a tu situación y, en cualquier caso, ¡mucha suerte con tu proyecto!

Primeros pasos para crear una cuenta en Blogger

Hechas estas consideraciones previas, si aún así sigues con la idea de crear tu blog en blogger, veamos cómo hacerlo:

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 y utilizas habitualmente.

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.

Si no has decidido todavía el nombre de tu sitio web, es mejor que lo dejes para más adelante y lo pienses mejor. Durante el tutorial veremos cómo podemos modificarlo más tarde.

En el ejemplo que ves en la foto he 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, te recomiendo que la URL no contenga nombres raros ni muchos números seguidos, porque queda un poco feo.

Finalmente tenemos que elegir el nombre de nuestro blog. Este es el título que va a tener la portada y, 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, esta última 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.

No te preocupes, aunque ahora parezca bastante complicado, según lo vayas haciendo será mucho más fácil de entender.

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, es momento de ponernos “manos a la obra” 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.

Para guardar esta entrada tienes que ir a los botones que hay arriba a la derecha. Vas encontrar dos, el de “Vista previa”, que te va a mostrar cómo queda tu entrada, y otro es el de “Publicar”. Si estás seguro de que tu trabajo está como tú quieres, haz clic en este botón.

Cuando ya lo has publicado, volveremos a la página principal de la sección de entradas dónde cuando vayas escribiendo más post se irá formando este listado.

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 como 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, plantillasgratis.info

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”.

Debes acceder a él y descargarlo, haciendo clic en “Descargar”, arriba a la derecha.

Se descarga una carpeta comprimida. Ábrela y selecciona el archivo que termina en .xml

Copia todo el contenido y vuelve a la sección de Tema.

Ahora, en la pestaña de Tema, haz clic en el botón que tiene una flecha hacia abajo, y se despliegan varias posibilidades. Elige la de “Editar HTML”.

Se abre una nueva ventana que tiene todo el código que da formato al tema, por lo que para modificarlo solo tienes que seleccionar todo y copiar el nuevo.

Como en la opción anterior, puedes ver como queda antes de guardar los cambios, haciendo clic en el botón que hay arriba a la izquierda, con forma de ojo.

Si te gusta como queda, haz clic en el botón de guardar, también arriba a la izquierda.

Diseño con gadget para Blogger

Una vez que ya tienes el tema que más te gusta, es hora de personalizar el diseño. Cada tema tiene uno predeterminado, donde especifica la estructura propia de ese tema, como se distribuyen los diferentes elementos o gadgets de Blogger. Pero tú puedes modificar los elementos que hay en cada sección.

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ñártelo, porque sigue siendo muy común en muchos sitios.

Tutorial en vídeo para crear un blog en Blogger

Los pasos que hemos ido dando, desde la creación de la cuenta de Blogger, la elección de los nombres del blog y la personalización como un sitio web a tu gusto, esta explicado con mucho más detalle en este vídeo.

¡Espero que lo disfrutes!