Como crear una página web gratis Tutorial 7

Este post no sería posible sin Ayuda de Blogger

Si has llegado a este tutorial de cómo crear una página web gratis, es porque ya aprendiste sobre cómo utilizar las herramientas principales de Blogger. Seguiste paso a paso todas las instrucciones y me imagino que ya creaste los 16 artículos que les dije que crearan en el anterior tutorial. Si te perdiste el sexto tutorial, sigue este enlace para que lo leas y te empapes un poco sobre este tema: Como crear una página web gratisTutorial 6.

Bueno, es momento de crear nuestra página web completamente gratis, utilizando la plataforma de Blogger.

Mira la siguiente imagen en la cual vas a terminar creando esa pagina

A continuación pueden ver el acabado de la página web en el siguiente link

Luego de ver su demostración, da un clic en el icono que dice “DESCARGAR” y guárdalo en tu computador

La página web que vamos a crear es muy amigable para buscadores y sobre todo podremos tener dos páginas web, la una página web se habilita cuando un usuario abre su página desde el escritorio y le muestra todas las opciones requeridas de un diseñador web, además, cuando un usuario encuentra su página web y lo abre desde un teléfono inteligente Smartphone se muestra automáticamente el diseño web para móviles, esta es la mejor plataforma web para tener optimizado en todos los navegadores web y dispositivos que existen actualmente y así tener la mejor página web del mercado con capacidad de almacenamiento único y sin pago alguno.

Características principales

Un slideshow basado en etiquetas

Widgets basado en etiquetas

Un menú desplegable

Un menú estático

Iconos de redes sociales para compartir sus perfiles

Diseño basado en los estándares de Google

Detector de dispositivos móviles para mostrar una plantilla diferente, ajustable a cada dispositivo

Habilitado para publicidad de Adsense u otro método de ingresos

Muestra artículos relacionados en las entradas

Optimizado para buscadores

Carga ligera

Un Headline de noticias basado en etiquetas

Un buscador integrado

Luego de especificar las características de la página web que vamos a instalar en nuestra página de Blogger, nos dirigimos a seguir este tutorial

Primer Paso

He creado un nuevo blog, le puse como nombre “Seguros de Coche Online”

Publique nueve artículos con diferentes nombres de Etiquetas, mira la imagen en la cual constan las publicaciones que hice en mi nuevo blog. En la imagen estoy mostrando claramente cuáles son las etiquetas que cree y cuáles son los títulos que cree en cada artículo

Espero que hayas creado los 16 artículos con sus diferentes etiquetas, bueno yo sé que si lo hiciste

Vamos a instalar la plantilla que te dije que descargaras y que lo guardaras en tu computador

Vamos a dar un clic en “Plantilla”

Luego daremos un clic en el icono que está ubicado en la parte superior derecha

Nos mostrara una nueva ventana como la siguiente imagen

Tenemos que dar un clic en “Examinar” para dirigirnos a buscar la ubicación de la plantilla que descargamos

Ubicamos el nombre de la plantilla “Plantilla Seguros” y luego le damos un clic en “Abrir”

Nos mostrara el siguiente cuadro

Luego le damos un clic en “Subir” y esperamos hasta que se cargue la plantilla que va hacer nuestro nuevo diseño

Más tarde les mostrara esta pantalla una vez que ya este cargada

Ahora vamos a dar un clic en el icono de “Diseño” y nos mostrara los Widgets del diseño de nuestro blog, mire la imagen

Abriremos el widget que tiene como nombre “Headline”

Se nos abrirá una ventana como la siguiente imagen

Dentro del espacio en blanco, vamos a poner el nombre de una de nuestras etiquetas que queramos que se muestre en este widget, por ejemplo yo le puse el nombre de una de mis etiquetas y tiene como nombre “Seguros de coche online”

Luego de haber puesto el nombre de una etiqueta vamos a dar un clic en “Guardar”

Configuración del Slideshow Seguros

Vamos abrir el widget que tiene como nombre “Slideshow Seguros”

Nos mostrara una ventana como la siguiente imagen, en la cual tienes que cambiar el nombre del título por el nombre que tú quieras darle, también tienes que poner el nombre de una de las etiquetas que quieras que se muestre en el Slideshow, luego le das un clic en “Guardar”

Configuración del widget ONLINE

Abrimos el widget que tiene como nombre “Online”

Nos mostrara una ventana como la siguiente imagen, en la cual tienes que cambiar el nombre del título por el nombre que tú quieras darle, también tienes que poner el nombre de una de las etiquetas que quieras que se muestre en el widget Oline, luego le das un clic en “Guardar”

Configuración del widget “SEGUROS DE COCHE ONLINE”

Abrimos el widget que tiene como nombre “Seguros de coche online”

Nos mostrara una ventana como la siguiente imagen, en la cual tienes que cambiar el nombre del título por el nombre que tú quieras darle, también tienes que poner el nombre de una de las etiquetas que quieras que se muestre en el widget Seguros de coche online, luego le das un clic en “Guardar”

Configuración del widget “NOTICIAS: SEGUROS DE COCHE”

Abrimos el widget que tiene como nombre “Noticias: Seguros de coche”

Nos mostrara una ventana como la siguiente imagen, en la cual tienes que cambiar el nombre del título por el nombre que tú quieras darle, también tienes que poner el nombre de una de las etiquetas que quieras que se muestre en el widget Noticias: Seguros de coche, luego le das un clic en “Guardar”

Configuración del widget “EN LINEA: ASEGURADORA”

Abrimos el widget que tiene como nombre “En línea: Aseguradora”

Nos mostrara una ventana como la siguiente imagen, en la cual tienes que cambiar el nombre del título por el nombre que tú quieras darle, también tienes que poner el nombre de una de las etiquetas que quieras que se muestre en el widget En línea: Aseguradora, luego le das un clic en “Guardar”

Configuración del widget “SEGURO DE COCHES”

Abrimos el widget que tiene como nombre “Seguro de coches”

Nos mostrara una ventana como la siguiente imagen, en la cual tienes que cambiar el nombre del título por el nombre que tú quieras darle, también tienes que poner el nombre de una de las etiquetas que quieras que se muestre en el widget Seguro de coches, luego le das un clic en “Guardar”

Configuración del widget “SEGUROS DE COCHE BARATOS”

Abrimos el widget que tiene como nombre “Seguros de coche baratos”

Nos mostrara una ventana como la siguiente imagen, en la cual tienes que cambiar el nombre del título por el nombre que tú quieras darle, también tienes que poner el nombre de una de las etiquetas que quieras que se muestre en el widget Seguros de coche baratos, luego le das un clic en “Guardar”

Configuración del widget “INTERNACIONAL: SEGURO PARA COCHES”

Abrimos el widget que tiene como nombre “Internacional: seguro para coches”

Nos mostrara una ventana como la siguiente imagen, en la cual tienes que cambiar el nombre del título por el nombre que tú quieras darle, también tienes que poner el nombre de una de las etiquetas que quieras que se muestre en el widget Internacional: seguro para coches, luego le das un clic en “Guardar”

Configuración del widget “TIPOS DE SEGUROS”

Abrimos el widget que tiene como nombre “Tipos de seguros”

Nos mostrara una ventana como la siguiente imagen, en la cual tienes que cambiar el nombre del título por el nombre que tú quieras darle, también tienes que poner el nombre de una de las etiquetas que quieras que se muestre en el widget Tipos de seguros, luego le das un clic en “Guardar”

Configuración del widget “NUEVAS PUBLICACIONES”

No abrimos el widget que tiene como nombre “Nuevas Publicaciones” ya que está habilitado de forma automática, déjalo tal como esta

Configuración del widget “CATEGORIAS”

Abrimos el widget que tiene como nombre “Categorías”

Nos mostrara una ventana como la siguiente imagen, en la cual tienes que cambiar el nombre del título por el nombre que tú quieras darle, también tienes que poner el nombre de una de las etiquetas que quieras que se muestre en el widget Categorías, luego le das un clic en “Guardar”

Configuración del widget “INFORMATIVO”

Abrimos el widget que tiene como nombre “Informativo”

He insertamos el siguiente código en su interior

<ul> <li><a href="AQUÍ LA DIRECCION URL DEL ARTICULO">Información</a></li> <li><a href=" AQUÍ LA DIRECCION URL DEL ARTICULO ">Seguros</a></li> <li><a href=" AQUÍ LA DIRECCION URL DEL ARTICULO ">Formulario</a></li> <li><a href=" AQUÍ LA DIRECCION URL DEL ARTICULO ">Contactos</a></li> <li><a href=" AQUÍ LA DIRECCION URL DEL ARTICULO ">Videos</a></li> <li><a href=" AQUÍ LA DIRECCION URL DEL ARTICULO ">Aseguradoras</a></li> <li><a href=" AQUÍ LA DIRECCION URL DEL ARTICULO ">Noticias</a></li> <li><a href=" AQUÍ LA DIRECCION URL DEL ARTICULO ">Metricas</a></li> <li><a href=" AQUÍ LA DIRECCION URL DEL ARTICULO ">Descargar</a></li> </ul>

Configuración del widget “INFORMACION VEHICULOS”

Abrimos el widget que tiene como nombre “Información Vehículos”

Nos mostrara una ventana como la siguiente imagen, en la cual tienes que cambiar el nombre del título por el nombre que tú quieras darle, también tienes que poner el nombre de una de las etiquetas que quieras que se muestre en el widget Información Vehículos, luego le das un clic en “Guardar”

Eso es todo en la configuración del diseño de nuestra nueva página web, ahora vamos a dar un clic en “Ver blog”, para observar cómo nos quedó nuestra página web

Luego de ver nuestra página, regresamos a nuestra plantilla y vamos a dar un clic donde dice “Plantilla”

Luego un clic en “Editar HTML”

Vamos a configurar el menú desplegable de nuestra página web, dirígete al siguiente tutorial 8, para aprender hacer todos estos cambios

Como crear una página web gratisTutorial 8

https://www.ayudadeblogger.com/2014/02/como-crear-una-pagina-web-gratis-tutorial-7.html