add

Como crear una página web gratis Tutorial 7


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.

Como crear una página web gratis

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

Como crear una página web gratis

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

Ver demo

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

Descargar

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

Como crear una página web gratis

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

Como crear una página web gratis

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

Como crear una página web gratis

Nos mostrara una nueva ventana como la siguiente imagen

Como crear una página web gratis

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

Como crear una página web gratis

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

Como crear una página web gratis

Nos mostrara el siguiente cuadro

Como crear una página web gratis

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

Como crear una página web gratis

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

Como crear una página web gratis

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

Como crear una página web gratis

Abriremos el widget que tiene como nombre “Headline

Como crear una página web gratis

Se nos abrirá una ventana como la siguiente imagen

Como crear una página web gratis

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”

Como crear una página web gratis

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

Como crear una página web gratis

Configuración del Slideshow Seguros

Como crear una página web gratis

Vamos abrir el widget que tiene como nombre “Slideshow Seguros

Como crear una página web gratis

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

Como crear una página web gratis

Configuración del widget ONLINE

Como crear una página web gratis

Abrimos el widget que tiene como nombre “Online

Como crear una página web gratis

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

Como crear una página web gratis

Configuración del widget “SEGUROS DE COCHE ONLINE”

Como crear una página web gratis

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

Como crear una página web gratis

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

Como crear una página web gratis

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

Como crear una página web gratis

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

Como crear una página web gratis

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

Como crear una página web gratis

Configuración del widget “EN LINEA: ASEGURADORA”

Como crear una página web gratis

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

Como crear una página web gratis

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

Como crear una página web gratis

Configuración del widget “SEGURO DE COCHES”

Como crear una página web gratis

Abrimos el widget que tiene como nombre “Seguro de coches

Como crear una página web gratis

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

Como crear una página web gratis

Configuración del widget “SEGUROS DE COCHE BARATOS”

Como crear una página web gratis

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

Como crear una página web gratis

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

Como crear una página web gratis

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

Como crear una página web gratis

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

Como crear una página web gratis

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

Como crear una página web gratis

Configuración del widget “TIPOS DE SEGUROS”

Como crear una página web gratis

Abrimos el widget que tiene como nombre “Tipos de seguros

Como crear una página web gratis

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

Como crear una página web gratis

Configuración del widget “NUEVAS PUBLICACIONES”

Como crear una página web gratis

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”

Como crear una página web gratis

Abrimos el widget que tiene como nombre “Categorías

Como crear una página web gratis

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

Como crear una página web gratis

Configuración del widget “INFORMATIVO”

Como crear una página web gratis

Abrimos el widget que tiene como nombre “Informativo

Como crear una página web gratis

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”

Como crear una página web gratis

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

Como crear una página web gratis

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

Como crear una página web gratis

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

Como crear una página web gratis

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

Como crear una página web gratis

Luego un clic en “Editar HTML

Como crear una página web gratis


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 gratis


1 comentarios:

  1. muy bueno todo esto que paciencia, eres un crack estoy alucinando

    ResponderEliminar

Discusión

person_pin Luis Chávez

group_work Fundador

contact_phone +593 994589032

email ayudadeblogger@gmail.com

Entradas populares

Youtube.com/ayudadeblogger

Suscríbete

Etiquetas

Adsense dispositivos moviles (2) Alojamiento web (12) Aplicaciones moviles (15) Backlinks (1) Breaking News para Blogger (3) Como (32) Como crear una pagina web gratis (8) Comprar Dominios (2) Comprar un Dominio en Godaddy (2) Configurar dominio de Godaddy en Blogger (1) Consejos de Blogs (33) Consejos de Trafico (12) Correo Dominio (3) Crear un Sitemap (6) Crear una Aplicacion gratis (2) Diseno Responsive (5) Diseño Web (7) En vivo (1) Entradas Populares (18) Enviar Sitemap a Bing y Yahoo (1) Error al analizar XML (5) Facebook trucos (10) Firefox (9) Formulario de contactos (3) Ganar Dinero (22) Google (11) Google Adsense (10) Google Plus (5) Guia de SEO (2) Herramientas Blogger (4) Herramientas para Webmasters (6) Iconos Font Awesome (1) Info Tech (1) La ética de los blogs (2) Laptops (2) Manual Blogger (10) Material Design Blogger (2) Medios de Comunicacion Social (39) Menu desplegable (20) Menu Responsive para Blogger (6) Mobile-friendly (9) Movil (12) Noticias (3) Optimizado para moviles (4) Plantillas Blogger (42) Plantillas Landing page para Blogger (3) Popout (6) Posicionamiento SEO (22) Publicidad (2) SEO Mobile (12) SEO para Moviles (14) Sitemap (1) Sitios web optimizados para moviles (3) Slider Carrusel (7) Slideshow (35) Smartphone (12) Social Media Marketing (1) Tácticas de Marketing (4) Tecnologia (12) Temas de invitados (2) Top Hosting (3) Trucos Blogger (40) Trucos CSS y HTML (11) Web Hosting (14) Widget Acordeón (3) Widget Tab Multiple (1) Widgets para Blogger (69) Widgets Suscripciones (9) Widgets y Plugins (6)

Formulario de contacto

Nombre

Correo electrónico *

Mensaje *

Seguidores

Comentarios