Enchula tu post - [Tutorial] - Parte 1.

crisangel (65) in thealliance • 7 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.

¿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.

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>  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

É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
Numerico	`1. 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

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.

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


Código	Emoji
`😊`	😊
`😉`	😉
`😜`	😜
`😵`	😵
`😠`	😠
`😈`	😈
`😜`	😜
`😇`	😇
`😱`	😱
`😶`	😶
`😆`	😆
`😞`	😞
`😎`	😎
`😍`	😍
`😭`	😭

thealliance spanish tutoriales steemit castellano

7 years ago by crisangel (65)

$4.32

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!

Sort Order:

Trending

[-]

daniela18 (37) · 7 years ago (edited)

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.

$0.00

1 vote

[-]

crisangel (65) · 7 years ago

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

$0.00

[-]

reveur (65) · 7 years ago

Gracias por tu trabajo de calidad @crisangel

Te esperamos en nuestra comunidad Reveur Citadela Venezuela

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

$0.00

[-]

yatcelis (25) · 7 years ago

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

$0.00

[-]

crisangel (65) · 7 years ago

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

$0.00

[-]

jasst (51) · 7 years ago

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

$0.00

[-]

latino.romano (62) · 7 years ago

Espectacular y muy útil post. Gracias @crisangel

$0.00

[-]

oizaguirres (61) · 7 years ago (edited)

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.

$0.00

[-]

crisangel (65) · 7 years ago

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

$0.00

[-]

gizechluy (50) · 7 years ago

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

$0.00

[-]

crisangel (65) · 7 years ago

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

$0.00

[-]

noheangel (32) · 7 years ago

Muy buena información.

$0.00

[-]

alarconr22.arte (63) · 7 years ago

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

$0.00

[-]

minnowsupport (70) · 7 years ago

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.

$0.00

[-]

andre15501 (45) · 7 years ago

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

$0.00

[-]

crisangel (65) · 7 years ago

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

$0.00

[-]

alcidsmujica (54) · 7 years ago

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

$0.00

[-]

crisangel (65) · 7 years ago

Excelente, espero que practiques y puedas mejorar.

$0.00

[-]

ropavejero (56) · 7 years ago

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

$0.00

[-]

crisangel (65) · 7 years ago

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

$0.00

[-]

gusanocosmico (46) · 7 years ago

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

$0.00

[-]

crisangel (65) · 7 years ago

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.

$0.00

[-]

gabinart3 (48) · 7 years ago

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.

$0.00

[-]

crisangel (65) · 7 years ago

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

$0.00

[-]

reveur (65) · 7 years ago

Gracias por tu trabajo de calidad @crisangel

Te esperamos en nuestra comunidad Reveur Citadela Venezuela

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

$0.00

[-]

crisangel (65) · 7 years ago

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

$0.00

[-]

jadams2k18 (64) · 7 years ago

Excelente ayuda amigo!

$0.00

[-]

crisangel (65) · 7 years ago

Vamos a "Enchular nuestros post" jejej.

$0.00

[-]

reveur (65) · 7 years ago

Gracias por tu trabajo de calidad @crisangel

Te esperamos en nuestra comunidad Reveur Citadela Venezuela

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

$0.00

[-]

leonellaforever (54) · 7 years ago

super util no sabia tachar =) gracias

$0.00

[-]

crisangel (65) · 7 years ago

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

$0.00

[-]

mrstrange (56) · 7 years ago

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.

$0.00

[-]

crisangel (65) · 7 years ago

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

$0.00

[-]

campoibra (49) · 7 years ago

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

$0.00

[-]

crisangel (65) · 7 years ago

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

$0.00

[-]

rouscelin (52) · 7 years ago

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

$0.00

[-]

luisbps (32) · 7 years ago

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

$0.00

[-]

jud-rocha (25) · 7 years ago

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

$0.00

[-]

crisangel (65) · 7 years ago

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.

$0.00

[-]

larryparra (55) · 7 years ago

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

$0.00

[-]

crisangel (65) · 7 years ago

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.

$0.00

[-]

lissette (30) · 7 years ago

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!!

$0.00

[-]

crisangel (65) · 7 years ago

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.

$0.00

[-]

hermanasquintero (35) · 7 years ago

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

$0.00

[-]

crisangel (65) · 7 years ago

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.

$0.00

[-]

leomarock (40) · 7 years ago

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

$0.00

[-]

crisangel (65) · 7 years ago

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

$0.00

[-]

renegadecesar (42) · 7 years ago

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

$0.00

[-]

themonkeyzuelans (59) · 7 years ago

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

$0.00

[-]

crisangel (65) · 7 years ago

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

$0.00

[-]

nahupuku (65) · 7 years ago (edited)

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

$0.00

[-]

crisangel (65) · 7 years ago

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.

$0.00

[-]

nahupuku (65) · 7 years ago

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!

$0.00

[-]

secrong (37) · 5 years ago

alguien me pasa el link de la 2da parte?

$0.00