domingo, 15 de enero de 2017

Como hacer un articulo en blogger con HTML.!!!



En este artículo les enseñare como publicar un artículo en un blog, con contenido HTML, y ya verán que cuando publiquen el artículo se notara la diferencia de con o sin HTML, claro todo eso se puede sin html, pero si lo hacemos con html nos daremos cuenta de que estaremos poniendo nuestras propias reglas de cómo queremos el artículo. 



Para esto tome como ejemplo un articulo que ya publique en el blog, llamado:  Como sanar tu estomago de forma natural, sin pastillas.

Comenzare a explicar: 

1-Primero abriremos la etiqueta principal que debe tener todo documento HTML al principio y final <!doctype html></html>, esta nos indica que estamos utilizando la versión de html5, y en la otra línea indicaremos el idioma español, ej.:
<!doctype html>

 <html lang="es">

2-En estas líneas están todas dentro de la etiqueta  <head></head>  dentro de estas declararemos la cabecera del articulo o de la pagina (esta no será visible para los usuarios), la codificación de caracteres (utf-8), y además se describirá el titulo del articulo,  el contenido de este, y las palabras claves, esto nos ayudara a mejorar el posicionamiento en los buscadores, ahí debes de poner cosas concretas y exactas acerca de tu articulo,  imagínate que escribas un articulo de computadoras, dentro de las palabras claves tienes que poner computadoras y no manzanas. Ej: 

<head>

<title>Como sanar tu estomago de forma natural, sin pastillas</title>

<meta charset="utf-8"/>

<meta name="description" content="Como sanar tu estomago de forma natural, sin pastillas"/>

<meta name="keywords" content="sanar el estomago, estomago, aliviar el dolor de estomago"/>

</head>

3-En estas líneas que se verán a continuación se desarrollara la parte visible del articulo (es decir, el cuerpo del articulo), todo lo que escribamos aquí se verá en la página, así que debemos de tener mucho cuidado con las faltas ortográficas,  como ven, están dentro de la etiqueta <body></body>.

  • las que estan dentro de la etiqueta <p></p> indican los parrafos .


  • Las que están dentro de la etiqueta <h3></h3> son los sub-titulos.


  • las palabras que están dentro de las etiquetas <ul><li></li></ul> son listas, osea numeraciones pero de forma desordenada (con puntos antes de las palabras), pero si quieres agregarlas de forma ordenada (1, 2, 3, etc) debes hacerlo <ol><li></li></ol>, para que entiendas mejor cada cosa que te voy explicando ve mirando el ejemplo en el código.


  • para agregar una imagen solo le doy a la opción de imagen en el mismo editor del blog y la agrego manualmente, lo mismo si quiero agregar un enlace. Porque agiliza la publicación del articulo.


 Ej:
<body>

<p>Si eres de las personas que les da mucho dolor de estomago despues de comer cualquier cosa, o despues de tomar refresco y alimentos con mucha grasa, y cuando salescon tus amigos a comer pizzas o a la disco no puedes disfrutar por el dolor de estomago tienes que tomar en cuenta estos consejos en donde te explicare que alimentos debes y nodebes comer.</p> 


<h3>Como mejorar tu estomago</h3>



<ul>

<li>Debes de evitar comer alimentos con mucha grasa, como la carne de cerdo y comida que contenga mucho aceite.</li>

<li>En vez de usar aceite normal para cocinar, usa aceite de oliva.</li>

<li>No comer comida con picante.</li>

<li>No comer comidas con agrio, es decir comidas con vinagre.</li>

<li>No comer comidas con muchos condimentos, es decir con muchos sazones.</li>

<li>No comer frutas acidas, como la piña, chinola, naranja agria, entre otros.</li>

<li>No comer comida chatarra de la calle.</li>

<li>No durar muchas horas sin comer.</li>

<li>Evitar lo menos posible el chocolate, los refrescos, el cafe y el alcohol (aunque suene dificil :( ).</li>

<li>Evitar la pizza con pepperoni (ya que el peperoni tiene picante), la suerte es que hay mucha variedad de pizzas.</li>

</ul>



<p>Estos son algunos de mis consejos, pero el mejor consejo que te puedo dar es que vallas con un medico y que el te haga los analisis necesarios para saber que

tienes el en estomago y asi poder usar un tratamiento adecuado indicado por el.</p>



<p>Pero si no tienes dinero para ir al medico, mientras consigues algo de dinero, trata de llevar una dieta adecuada sin ninguna de esas cosas que te puedan hacer

daño, como las que mencione arriba, sin embargo te recomiendo tomar jugo de melon que es buenisimo para refrescar y hacer sentir mejor el estomago, tambien

el jugo de lechoza, de zapote, de guallaba, de pera, manzana, comer guineos maduros, guayaba, sandia, pan integral, sopa de vegetales, trigo, tayotas, zanahorias, etc..</p>





<p>Muchisima suerte con el cuidado de tu estomago y si cumples con mis consejos y te sientes mejor escribelo en los comentarios porfis y si quieres una segunda

 parte de este articulo donde te explique con mas detalles tambien escribelo en los comentarios..</p>



creditos de las imagenes: http://jeshoots.com/



</body>



</html>

Espero que hayan entendido, abajo les dejo el enlace del documento para descargar, si tienen dudas porfavor pregúntenme en los comentarios, se que fue un artículo bastante largo, pero espero que de ahora en adelante publiquen sus artículos con html, Mucha Suerte. 

Link del documento completo: DocumentoHTML

Nota: Al hacer clic en el documento para descargar abrira una publicidad, solo tienen que esperar 5 segundos y darle a saltar anuncio. Muchas gracias. :)







No hay comentarios:

Publicar un comentario