I would like to share how to make a really nice post by using simple HTML language. It is fun and it really adds class to one's post.
In this short tutorial we are going to be using:
<center>text or image\</center>
<div class=text-justify>\</div>(div means division)
<br> (br means break)
Photos or Images
So we will begin by putting an image at the top of our post. We will mark out where it will go with <center><img src="URL"></center>so the image will be in the center of our post.
https://Pixabay.com
https://Unsplash.com
https://Pexels.com
Now if we are going to install a link into the credit or attribution, we shall set <a href="IMAGE URL">name</a> in our code, and it will look like this:
Image Credit: <a href="https://pixabay.com/photos/wagon-wheel-western-barn-old-4596669"> BA Babcock from Pixabay.com</a> (in our example) or what ever the actual author's name is and that credit will be our link. After we install it, it should look like this under the photo or image:
Paragraphs
We will add a <div class=text-justify>to the beginning of a paragraph, and end the paragraph with </div> and our paragraph will be all nice and squared and even.
<div class=text-justify>
Now we will formulate a little paragraph or two on what our photo was about, what camera it was taken with or where it came from, or some other helpful information about it that someone might ask. When was it taken? Most photos or images do not have the dates attached with them, and so we ought to provide a rough time when it was taken. The next thing is where was it taken? In this case my photo was taken from the Mathilda Avenue overpass over Central Expressway in Sunnyvale California in the united States of America.
</div>
<div class=text-justify>
My photo was taken with a Canon A395 digital camera that I just happen to have had the time stamp on, which is very convenient. A good percentage of the Steemians may not even remember details about a picture they took a long time ago, and just as it is in my photo, turned out to be a convenience.
</div>
<div class=text-justify>
Just for the sake of questions that some of you may have, to be brief this was the day that this plane was "shuttling the Shuttle" around the country for a tour before it was to go to it's permanent home, it had just been retired.
</div>
If anyone is raising questions like, "Oh wow, I wonder what ever happened to that thing?" you can learn some of it in this video and on this page by EarthSky:
https://earthsky.org/space/video-final-flight-of-space-shuttle-endeavour.
<div class=text-justify>
It is a very interesting story, and when I decided to do this post, I thought I should get a photo to use, and it all started when I just flipped through a few of my photos and saw this one and thought, "that's perfect for this project!"
</div>
Español
Me gustaría compartir cómo hacer un Post realmente bonito usando lenguaje HTML simplemente. Es realmente divertido y aporta bastante clase a nuestro Post.
En este pequeño tutorial vamos a usar lo siguiente:
<center> text or image </center>
<div class=text-justify> </div> (div significa division)
<br> (br significa “nueva línea”)
Fotos
Así pues comenzaremos poniendo una imagen al comienzo de nuestro post. La posicionaremos con el siguiente código: <center><img src=“URL”></center>de esta manera la imagen quedará centrada en nuestro post.
https://Pixabay.com
https://Unsplash.com
https://Pexels.com
Ahora, si vamos a crear un enlace de crédito o atribución, insertaremos <a href="IMAGE URL"> name </a> en nuestro código y se verá así:
Origen de la imagen: <a href="https://pixabay.com/photos/wagon-wheel-western-barn-old-4596669"> BA Babcock de Pixabay.com </a> (en nuestro ejemplo) o cualquiera que sea el nombre real del autor. Ese crédito será nuestro enlace. Después de insertarlo debería verse así debajo de la foto o imagen:
Los párrafos
Agregaremos un <div class = text-justify> al principio y terminaremos el párrafo con </div> y nuestro párrafo quedará bonito y equilibrado.
<div class=text-justify>
Ahora formularemos un pequeño párrafo o dos acerca de qué se trataba nuestra foto, con qué cámara fue capturada o cuál es su origen así como cualquier otra información útil que alguien pudiera preguntar. ¿Cuándo fue tomada? La mayoría de las fotos o imágenes no tienen las fechas adjuntas, por lo que debemos proporcionar el momento detallado cuando fué capturada.Lo siguiente es ¿dónde se capturó la foto? En este caso, mi foto fue tomada desde el paso elevado de Mathilda Avenue sobre Central Expressway en Sunnyvale California en los Estados Unidos de América.
</div>
<div class=text-justify>
Mi foto fue tomada con una cámara digital Canon A395 en la que tengo la marca de tiempo, lo cual es muy conveniente. Es posible que un buen porcentaje de los Steemians ni siquiera recuerde detalles sobre una foto que tomaron hace mucho tiempo pero gracias a la marca de tiempo en mi foto el problema queda resuelto.
</div>
<div class=text-justify>
Por si alguien tuviera dudas, para ser breves, éste fue el día en que el avión estaba "completando su ruta" por todo el país para una gira antes de ir a su hogar permanente para su retiro definitivo.
</div>
<div class=text-justify>
Si alguien se está haciendo preguntas como "Oh, wow, me pregunto qué pasó con ese avión ". Puede obtener más información en este video y en esta página de EarthSky: https://earthsky.org/space/video-final-flight-of-space-shuttle-endeavour.
</div>
<div class=text-justify>
Es una historia muy interesante y cuando decidí hacer esta publicación pensé que debería obtener una foto que usar así que todo comenzó cuando hojeé algunas de mis fotos y ví ésta y pensé, “es perfecta para este proyecto!"
</div>
<br>
<br>
Very nice! The class=text-justify was meant for me... The blog looks so much better with it. Thanks for the tip!
I have a more advanced one when you are ready for it @journeyofanomad, also one of the main purposes is to help with the images and the sourcing or crediting of those images as we feel it is very important to do proper attribution.
Is it an html tag? What you got for me?
Bravo! Great job on this! 😊
Congratulations @jamerussell, your post successfully recieved 0.01424588 TRDO from below listed TRENDO callers:
To view or trade TRDO go to steem-engine.com
Join TRDO Discord Channel or Join TRDO Web Site
You misspelled "received" hahaha @trendotoken thank you and thanks @wesphilbin
@jamerussell good tips and ideas, thank you for the tutorial post .
En realidad, @ sacra97, la comunidad española más nueva puede agradecerte, porque cuando vi tu comentario, ya que sé que solo hablas español con fluidez, decidí hacer esta publicación bilingüe, por lo que los steemianos españoles que no conocen esto realmente recibirán Un poco de ayuda.
Agradecida en verdad, ya conocía algunas indicaciones gracias a uno de mis hijos que es ingeniero en computación, yo las anoto en mi cuaderno steemit, porque se me olvidan a veces, me encanta aprender y poner bonitos los post. Gracias en verdad por el detalle, no me da miedo incursionar en otro idioma, solo que me cuesta más tiempo mientras utilizó el traductor, trato de ser valiente, ya la edad me lo permite, no temer meter la pata y cometer errores.
@jamerussell
Thank you for the tutorial post @jamerussell , it just got more official this way hahaha...Have a lovely day. 😄
I didn't have this in time for yours though @bliss11, otherwise I would have used it!
Doesn't matter now though, you are more advanced than this at this point.
This is very usefull and I am definitely going to use the tips 👍
Hahaha! You can write these posts with your eyes closed @brittandjosie!
well i dont use all of these tips i have to be honest
@jamerussell,
This is a wonderful example of just how positive content can be made on the Blockchain! There are many posts like this out there I'm sure, but we could always use a refresher now and then! Let's hope this helps new users to see how their awesome can be amplified!!
@alliedforces curate
@tipu curate
!giphy Nice Job
Hahaha, I don't know which one to comment on @wesphilbin!!! Thank you Brother, I can count on you to be there all the time!
Helps with you floating in and out of the Steem Terminal, when you're not on a long trip to the mailbox!!! hehehe!
giphy is supported by witness untersatz!
Upvoted 👌 (Mana: 5/10 - need recharge?)
Keep up the great work and join us in The Castle sometime!
The #spreadlovenotwar curation campaign is under the guidance of witnesses @enginewitty and @untersatz.
This post was shared in the Curation Collective Discord community for curators, and upvoted and resteemed by the @c-squared community account.
If you are a community leader and/or contest organizer, please join the Discord and let us know you if you would like to promote the posting of your community or contest.
@c-squared runs a community witness. Please consider using one of your witness votes on us here
Thank you @c-squared!
Congratulations @jamerussell! You have completed the following achievement on the Steem blockchain and have been rewarded with new badge(s) :
You can view your badges on your Steem Board and compare to others on the Steem Ranking
If you no longer want to receive notifications, reply to this comment with the word
STOPThank you @steemitboard, you do some pretty extensive work.
@untersatz curate2
The @untersatz witness and manual curation is under the guidance of @contrabourdon and @organduo.
!trdo
Hi, just noticed this - the call is trdo (without the "n")
:-)
That's what I get for staying up too late! Thank you brother...
Congratulations @wesphilbin, you successfuly trended the post shared by @jamerussell!
@jamerussell will receive 0.01424588 TRDO & @wesphilbin will get 0.00949725 TRDO curation in 3 Days from Post Created Date!
"Call TRDO, Your Comment Worth Something!"
To view or trade TRDO go to steem-engine.com
Join TRDO Discord Channel or Join TRDO Web Site
Hello!
This post has been manually curated, resteemed
and gifted with some virtually delicious cake
from the @helpiecake curation team!
Much love to you from all of us at @helpie!
Keep up the great work!
Manually curated by @wesphilbin.
@helpie is a Community Witness.
You have been curated by @wesphilbin on behalf of Inner Blocks: a community encouraging first hand content, with each individual living their best life, and being responsible for their own well being. #innerblocks Check it out at @innerblocks for the latest information and community updates, or to show your support via delegation.