add

Como crear una página web gratis Tutorial 6


Luego de aprender a crear un artículo correctamente en nuestra primera página, voy a explicar en este tutorial como utilizar el “Editor HTML” de nuestra plantilla, con el objetivo de que estén familiarizados al momento de instalar nuestra primera plantilla personalizada con un diseño web profesional. Si te saltaste el quinto tutorial, te dejo la dirección URL en la cual explique cómo crear nuestro primer artículo: Como crear una página web gratis Tutorial 5

Como crear una página web gratis

¿Cómo crear una página web gratis con unos simples pasos?

Empezamos

Nos encontramos en la página principal de nuestro blog, mira la imagen

Como crear una página web gratis

Vamos a dar un clic en el icono que dice “Plantilla

Como crear una página web gratis

Se nos desprenderá una pantalla como muestra la siguiente imagen

Como crear una página web gratis

Luego, vamos a dar un clic en el icono que dice “Editar HTML

Como crear una página web gratis

Nos mostrara la siguiente ventana

Como crear una página web gratis

En este punto vamos a realizar un simple ejercicio, para que estés un poco familiarizado con el editor HTML de nuestra plantilla

Necesitamos habilitar el buscador integrado de nuestro Editor HTML, para poder saber dónde están sus diferentes códigos y así realizar algunos cambios cuando creamos nuestra página web con un diseño web profesional

Lo que vamos hacer es presionar la tecla “Control” de su teclado seguido de la tecla F, una vez realizado esto, nos mostrara en la parte superior derecha un buscador

Como crear una página web gratis

Ahora, cuando yo diga busca este código que está marcado de color amarillo </head> tendrás que copiar ese código y ponerlo en el buscador integrado del Editor HTML, mira la imagen

Como crear una página web gratis

Luego de insertarlo das un enter en tu teclado, esto ara que automáticamente se encuentre el código que estás buscando, esta opción nos sirve cuando vayamos a crear nuestra página web profesional.

Al encontrar el código, automáticamente te marcara de color amarillo y sabrás donde está ubicado el código que te pedí que buscaras, mira la imagen

Como crear una página web gratis

Recuerda que es muy importante realizar este ejercicio, solo así te familiarizaras con Blogger al momento de crear ya nuestra página web con una plantilla realmente espectacular.

Luego te pediré que insertes un código arriba del código que encontraste. Se preguntaran ¿que quiere decir arriba del código que encontré?

Quiere decir que insertes por ejemplo este código:

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'/>

Arriba del código que encontraste, se vería así:

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'/>
</head>

Mira la imagen

Como crear una página web gratis

Luego de realizar los cambios, tenemos que guardarlo, vamos a ubicar el icono que está ubicado en la parte superior izquierda y tiene como nombre “Guardar plantilla” daremos un clic y se guardara

Como crear una página web gratis

Después de haber guardado daremos un clic en el icono que dice “Atrás”, para salir del Editor HTML de nuestra plantilla

Como crear una página web gratis

Se regresara a esta ventana, mira la imagen

Como crear una página web gratis

Ahora, vamos a regresar al punto de partida que es el icono que tiene como nombre “Entradas” damos un clic

Como crear una página web gratis

Luego te mostrara una ventana como la siguiente imagen

Como crear una página web gratis

Aquí es en donde te voy a pedir que crees 16 artículos con imágenes incluidas en cada una de ellas y con 4 diferentes categorías de Etiquetas

Por ejemplo:

Crea 4 artículos que tengan como nombre de etiqueta “Noticias”
Crea 4 artículos que tengan como nombre de etiqueta “Futbol”
Crea 4 artículos que tengan como nombre de etiqueta “Inversiones”
Crea 4 artículos que tengan como nombre de etiqueta “Farandula”

Si no sabes a qué me refiero sobre crear un artículo, dirígete al siguiente tutorial donde explique claramente cómo crear un artículo y como insertar una imagen correctamente.

Además, si quieres una explicación más clara sobre que es una Etiqueta y para qué sirve, dirígete al siguiente link: Que es una etiqueta y para qué sirve?

Luego de pedirte que crees 16 artículos y sus etiquetas correctamente, vas a seguir las instrucciones del siguiente tutorial para crear nuestra página web con un diseño web profesional. Al final tendrás un diseño web único tal como te muestro en la siguiente imagen

Como crear una página web gratis

Te gusto verdad, ahora es cuando vamos a crear nuestra primera página web profesional, sigue las instrucciones del tutorial 7 para crear nuestro diseño

Sigue las instrucciones del siguiente tutorial, por orden ascendente


0 comentarios:

Publicar un comentario en la entrada

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