Enchula tu post - [Tutorial] - Parte 1.

in #thealliance7 years ago (edited)

En nuestros días en Steemit siempre nos encontramos ante muchas dudas e interrogantes, si así se quiere, pero la que más nos rodea es; ¿Como estructurar mi publicación?

  Esta es una interrogante muy codiciada a la hora de elaborar nuestras publicaciones, además que hoy en día existe muchos nuevos usuarios uniéndose a la red, entonces si nosotros que llevamos cierto tiempo en esta plataforma nos hacemos esa pregunta, que será para esos nuevos usuarios desamparados en esta extensa e increíble red. Allí es cuando entra nuestro deber como usuarios con experiencia, donde el conocimiento sea sinónimo de compartir.


aprendiendo


¿Qué es markdown?

  La guía de Markdown nos aparece cuando vamos a realizar nuestras publicaciones, entonces lo podemos definir como; un tipo de formato que se usa en el editor de Steemit, por ser propio de la red es muy fácil, rápido y practico de usar.

¿Qué es HTML?

  HTML son siglas en ingles que significa HyperText Markup Language, y en español sería; lenguaje de marcas de hipertexto. HTML es un lenguaje oficial y universal del internet, por ende, es compatible con todos los navegadores de páginas web.


  Ya conocimos un poco sobre esos dos términos que son de suma importancia para la estructuración de nuestras publicaciones. Ahora les compartiré los comandos que hasta el momento he conocido y usado en mi trayecto por Steemit, les iré presentando una lista tanto de Markdown como de HTML con sus respectivos ejemplos. Comencemos:


Títulos o encabezados: Estos comandos los usaremos para resaltar nuestros títulos, encabezados o subtítulos.


Markdown
HTML
# TheAlliance.<h1>TheAlliance.</h1>
## TheAlliance.<h2>TheAlliance.</h2>
### TheAlliance.<h3>TheAlliance.</h3>
### TheAlliance.<h4>TheAlliance.</h4>
##### Thealliance.<h5>TheAlliance.</h5>
###### TheAlliance.<h6>TheAlliance.</h6>

Nuestro resultado seria este.

TheAlliance.

TheAlliance.

TheAlliance.

TheAlliance.

Thealliance.
TheAlliance.

Ajuste de párrafos: Como su nombre lo indica, vamos a ajustar nuestros párrafos. Una de las cosas que hacen ver los textos más llamativos y expertos, es justificarlos y dejando sangría al iniciar cada párrafo. También se ven muy divertidos movidos a la izquierda o a la derecha, y por qué no, centrados. Acá les muestro como hacerlo.

Ajuste
HTML
Justificado.<div class="text-justify">Texto a justificar</div>
Sangría<p>&nbsp;&nbsp;Texto</p>
Centrar<center>Syndicates</center>
Alinear a la Derecha<div class="pull-right">Syndicates</div>
Alinear a la Izquierda<div class="pull-left">Syndicates</div>

Nuestro texto quedaría de esta forma.

TheAlliance una gran familia feliz, y es nuestro deber mantener nuestro estándar como curadores y creadores de calidad. Recuerda que es el compromiso lo que nos hace grandes y prosperamos como comunidad.

   Nuestra fortaleza es tan poderosa como la comunidad en sus esfuerzos combinados para apoyarse mutuamente. Estamos sorprendiendo a todos, ¡mantengamos la concentración!

Syndicates

Syndicates
Syndicates

Énfasis: Acá usaremos ciertos comandos para resaltar en nuestros párrafos ciertas palabras o frases.

Markdown
HTML
**Negrita** o __Negrita__<b>Negrita</b>
*Cursiva* o _Cursiva_<i>Cursiva</i>
~~Tachado~~<strike>Tachado</strike>

Nuestro resultado seria:


Normal
Negrita
Cursiva
Tachado

Nota: Si desean hacer la negrita cursiva, solo deben de combinar códigos.
Ejemplo: *<b>negrita cursiva</b>*, negrita cursiva.


Listado: Al hablar de estructurar nuestras publicaciones no podemos obviar como poder hacer listado, esto para los amantes de recetas, indicaciones o cualquier motivo que necesiten usar una lista.

Tipo de Listado
Markdown
HTML
Resultado
Símbolo+ Símbolo A
* Símbolo B
- Símbolo C
<ul>
<li> Símbolo A</li>
<li>Símbolo B</li>
<li>Símbolo C</li>
</ul>
  • Símbolo A
  • Símbolo B
  • Símbolo C
Numerico1. A
2. B
3. C
<ol>
<li>A</li>
<li>B</li>
<li>C</li>
</ol>
1. A
2. B
3. C

Enlaces: Los enlaces son de suma importancia, ya que los podemos usar para dirigir a quienes lean nuestro contenido, de donde sacamos cualquier información para apoyarnos o colocar la procedencia de las fotos que no sean de nuestra propiedad.

Markdown
HTML
Resultado
[Palabra](Enlace)<a href="Enlace">Palabra</a>Palabra

Talento cosmico..gif


Citas y Destacar mensaje: Muchas veces nos encontramos con la necesidad de citar cierta frase de algún autor o si se quiere de nosotros mismos, también puede surgir la oportunidad de que queramos destacar algún mensaje en espacial, con el fin de darle más visión y claridad, bueno acá te tengo algunos comandos para estos casos.

Acción
Markdown
Símbolo
Citar> Citar>
Destacar código lineal'Código'`
Destacar código grupal'''Código'''`

Nos quedaría de esta forma:

citar: acá va la cita que se valla a utilizar.

Código lineal

Código Grupal


Saltos de líneas: Ya casi concluyendo les dejo como poder hacer un salto de líneas.

Acción
Código
Separador*** o --- o ___
Separador<hr>
Salto de linea<br>

  Siempre tengo presente que el mejoramiento con respecto a la estructura de nuestras publicaciones se irán perfeccionando con la práctica. Yo comencé con la guía de Markdown, (ya que es la que te aparece cuando vas a elaborar tu publicación), además cada día me la pasaba preguntando a otros usuarios e investigando, así pude saber de más códigos y también llegar a conocer HTML.

thealliance


Adicional: Para los que les gustan los emojis, acá les comparto algunos de los que me he conseguido en mi camino.

Código
Emoji
&#128522;😊
&#128521;😉
&#128540;😜
&#128565;😵
&#128544;😠
&#128520;😈
&#128540;😜
&#128519;😇
&#128561;😱
&#128566;😶
&#128518;😆
&#128542;😞
&#128526;😎
&#128525;😍
&#128557;😭

Sort:  

Me gusto tu post, posee una información muy útil, sobre todo para los usuarios nuevos que aun nos falta aprender muchas cosas por aprender, como en mi caso. Gracias por compartir este tipo de información.

Me alegra saber que te ha gusto. Saludos @daniela18.

tu post esta muy bueno amigo no tengo mucho tiempo en steemit y toda esta informacion me ayudara a subir mejor contenidothank you.gif

Excelente, espero que practiques y puedas mejorar.

Excelente ayuda amigo!

Vamos a "Enchular nuestros post" jejej.

excelente, muchísimas gracias por compartir tus conocimientos, para mi que soy nueva fue de mucha ayuda.

Gracias a ti por tener un poco de tiempo para leerlo, espero te sirva de mucho apoyo.

buen completo este post, me parece buena guía para embellecer nustros escritos. Gracias por compartirlo.

Espectacular y muy útil post. Gracias @crisangel

Ahijado, te felicito, super y estaré pendiente para tus próximas lecciones; seguramente nos traerás otras aplicaciones, en lo particular te pediría, Ahijado enséñame a presentar fotos en paralelo!! te dejo ese pedido y reto! Un abrazo..y si ese robot te localizo en el espacio, aquí en steemit, lo hice yo primero.

Gracias padrino, seguimos trabajando para todos ustedes. Claro, asumiré su reto. No adelantare nada, así que lo dejare con la incógnita jejejeje.

Bro muy buen post, finalmente aprendí como poner encabezados. Había visto mil posts y nunca entendía. Agradecido

Eey, me alegra mucho que lo que he colocado aquí te ha servido y aclarado dudas.

Muy buena información.

excelente post amigo @crisangel. Muy pero muy bien contenido! muy amigable la información.

Congratulations! This post has been upvoted from the communal account, @minnowsupport, by crisangel from the Minnow Support Project. It's a witness project run by aggroed, ausbitbank, teamsteem, theprophet0, someguy123, neoxian, followbtcnews, and netuoso. The goal is to help Steemit grow by supporting Minnows. Please find us at the Peace, Abundance, and Liberty Network (PALnet) Discord Channel. It's a completely public and open space to all members of the Steemit community who voluntarily choose to be there.

If you would like to delegate to the Minnow Support Project you can do so by clicking on the following links: 50SP, 100SP, 250SP, 500SP, 1000SP, 5000SP.
Be sure to leave at least 50SP undelegated on your account.

esta muy bueno tu post, de gran ayuda para los nuevos usuarios!

Asi es, debemos de unirnos y apoyarnos mutuamente. Saludos.

Excelente post amigo @crisangel, así podremos dar vida a nuestras publicaciones... Un abrazo...

Así es mi gran amigo @ropavejero, cada día podemos ir mejorando nuestras publicaciones.

Cris esto te quedó impresionante! Me sacaste una sonrisa con este post! Buenisimo, eres una tipazo súper eficiente.

JEjejeje, que fino Gusanin, gracias por todo. Aaa super enamorado de esa gran gif que me hiciste, gracias. AAa no se te olvide que debes de enseñarme el idioma cosmico "pitipiririr" o algo asi jejejje.

Muy completa esta guía, me gustó bastante el contenido. Por fin aprendo como poner sangría 😍 jaja probando. De verdad el post está muy bueno.

Me alegra mucho que pienses eso. Espero te sirva de soporte. 😜 jejejej saludos.

Gracias por tu trabajo de calidad @crisangel

Te esperamos en nuestra comunidad Reveur Citadela Venezuela

¡Un projecto del witness @nnnarvaez y de @castellano!

Gracias @reveur por reconocer mi trabajo, un abrazo. Claro siempre me paseo por Reveur Citadela Venezuela. 😉

Gracias por tu trabajo de calidad @crisangel

Te esperamos en nuestra comunidad Reveur Citadela Venezuela

¡Un projecto del witness @nnnarvaez y de @castellano!

Gracias por tu trabajo de calidad @crisangel

Te esperamos en nuestra comunidad Reveur Citadela Venezuela

¡Un projecto del witness @nnnarvaez y de @castellano!

super util no sabia tachar =) gracias

Jejeje si cada día y en cada momento se aprende algo nuevo, y más en esta extensa red.

Excelente post @crisangel muy instructivo, bien estructurado, bien redactado, te quedo muy bien, Felicitaciones, y muchas gracias por compartir esta información. Esta bueno para todos aquellos que están empezando en esta gran plataforma.. Saludos.

Gracias gran amigo @mrstrange. Si para todos nosotros en especial para los nuevos, ya que fue pensando y realizado con esa finalidad.

Valiosa la informacion que compartes en este post. Muy bien redactado y estructurado, voy a apoyarme en el para mejorar paulatinamente los mios. Gracias

Gracias a ti por querer usar esta información para tu apoyo en las publicaciones.

Esta excelente este post, me sera de mucha ayuda gracias por compartir tu información.

Super útil.. lo archivare en mis favoritos..!

Excelente información para los novatos como yo! Saludos.

Si, a todos, novatos o no, ya que cada día podemos aprender muchas cosas nuevas, más aun en esta gran red llamada Steemit.

Saludos , esta bueno la información pero no se como usarla, tienes vídeo?

Saludos amigo. No tengo vídeo, pero solo debes de colocar los códigos en el orden correspondiente y dentro de cada código lo que deseas escribir.

Hola, quería agradecerte por tus post, de todos los que leí, eres el unico que no solo colocó como hacer titulos y listas, de verdad me has facilitado mucho el trabajo, me costo como no te imaginas aprender a justificar, y gracias a ti ahora podre estilizar mejor mis publicaciones, de
corazon gracias!!

Hola Lis, que fino saber eso, de verdad que me agrada que pueda ser de su utilidad, ahora a sacarle el mejor provecho, practicar para perfeccionar y seguir aprendiendo. Me dejo reír la imagen que colocaste jajajajaj. Saludos, un abrazo.

Muchas Gracias por el Apoyo.. que importante manejar esta info para poder embellecer nuestros post... muchas Gracias por tu apoyo...

Hola, estamos para apoyarnos, gracias a ti por tu visita y que bueno que pienses eso, espero que esta información te sirva de mucho apoyo. Saludos y un abrazo.

¡Por fin! Encontré la ayuda que tanto necesitaba, ahora a practicar. Muchísimas gracias, sigue compartiendo todo lo que sepas.

Hey, que bueno saber que todo esto te servirá, me hace anima mucho saberlo, saludos y un fuerte abrazo.

me encanto tu post realmente es muy útil, me educo completamente 😎 Eres Realmente Un Duro

¡Buenísimo! Anotamos un par que no nos sabíamos 😁 ¡Muchas gracias!

Que bueno saber que les sirva, me alegra mucho. Saludos y un fuerte abrazo.

excelente mi pana, desde hoy aplicándolo! Esperando por la parte 2!

Que bueno saber que ya de primer momento lo comiences a aplicar, me hace sentir genial. Esa segunda parte estuvo pautada para mucho antes, pero he estado muy, pero muy perezoso jajaja. Un abrazo mi pana.

si!!! revise tu post! de verdad demasiado bueno y los 2 posts de carrieallen y el de katrina ariel también los revise! Para darle amor a mi markdown! Estoy contento al fin pude justificar los textos y darle un centrado a mis títulos jajja :D bless!

alguien me pasa el link de la 2da parte?