Guide for new users #4. Design tutorial in steemit. Original @carlagonz.
Hi dear steemers.
That is why in this post (which I recommend saving and using when publishing a post), I bring all the tips I know to design their publications, therefore make them more eye-catching and attract many more votes than you expect.
What is Markdown?
It is a programming language used to post and comment, it helps you organize and your publications are more striking and better structured.
JUSTIFICATION OF TEXT
To keep your writings organized and justified, mostly used in long writings, you only use the code below, before the text you want and justify and then at the end you add the div code, remember that if you use text separators, you must start and finish it later of each separator.
<div class="text-justify"> TEXTO </div>
CENTER
Center is a very useful tool when you want to organize your post with everything perfectly aligned to the center, those practices of counting spaces are already things of the past, it works with images and texts, it is ideal for poems and prose.
<center> TEXT OR IMAGE </center>
BOLD AND CURSIVE
- If you want to use italics in some text you just have to put an asterisk* (*) before the text and after the text.
*text*
If you want to use italics in some text you just have to put two asterisk (**) before the text and after the text.
**text**
If you want to use italics in some text you just have to put three asterisk (***) **before the text and after the text.
**
***text***
SEPARATOR
If you want to use a useful separator when you change the subject quickly in your publications, you should only use 4 underscores (____) in the place where you want to separate the texts, remembering to use enter before and after the line of the scripts.
____
IMAGE TO THE RIGHT
If you want to organize your post giving it a style of magazine and thus make it more attractive for any reader who wants to take a walk through your publication, it is important that you use these alignments when writing. Always remembering that the code with the image must be placed before the text you want is right next to it.
<div class="pull-right"> IMAGEN </div>
IMAGE ON THE LEFT
With this HTML code, you can have the same result as with the previous one, the only thing that changes is the orientation of the image. Always remembering that the code with the image must be placed before the text you want is right next to it.
You can see this post how cool is the organized images.
<div class="pull-left"> IMAGEN </div>
LINKS
Making links is a fundamental tool whenever you make a post, whenever you must place the sources of some material such as images or appointments is better to leave anchor a link to a specific word than write the entire address.
EXAMPLE:
my profile
[text](URL)
Ejemplo: [my profile](https://steemit.com/@carlagonz)
LETTER SIZE:
This part is essential when making your post, since you can change the size of the letters depending on your needs.
Always remember that after placing the numeral leaves a space and then write the text.
Large: you use a numeral (#) as the first character of the line you want to be this size.
# text
Medium: you use two numerals (##) as the first characters of the line you want to be this size.
## text
Small: you use three numerals (###) as first characters of the line that you want to be of this size.
# text
Normal: It is the common letter that is used in this platform.
Letter in block code.
<code> text </code>
Very tiny (overlay): this typeface is only for markdown
<sup> text </sup>
CONTENT TABLES
This tool is important to organize comparative or demonstrative information, quite useful for sporting results, photographic properties etc.
Title | Descripción |
---|---|
steemit | home |
cervantes | profile |
carla | profile |
Title | Description
--------- | --------------
steemit | [home](https://steemit.com)
cervantes | [profile](https://steemit.com/@cervantes)
carla | [profile](https://steemit.com/@carlagonz)
Title | Description | Time | Post |
---|---|---|---|
Title 1 | content 1 | time 1 | 1 post |
Title 2 | content 2 | Time 2 | 2 post |
Title 3 | content 3 | Time 3 | 3 post |
Title | Description | Time | Post
---- | ----| ---- | ----
***Title 1*** | content 1 | time 1 | 1 post
**Title 2** | content 2 | Time 2 | 2 post
*Title 3* | content 3 | Time 3 | 3 post
It's good to know how easy it is to create the lists using only this bar (|) and hyphens (-). You can guide yourself with the lists that I have left you before, always remember to leave the corresponding space between the bars.
Also remember that you can combine the codes that I left earlier.
VIDEOS.
To insert the videos you only have to insert the URL of the YouTube address in the part where you want it to be visible in your publication.
https://www.youtube.com/watch?v=nMahvtBFyQU
LISTS
The lists are quite important to separate large issues in different points, so make them more pleasing to the eye and reading.
Only use the asterisk and space as the first character in the line you wish to make as a list.
- List 1.
- List 2.
- List 3.
* List 1.
* List 2.
* List 3.
You can also make it a little more organized with numbers, just put the number you want a point and then the space.
- List 1.
- List 2.
- List 3.
1. List 1.
2. List 2.
3. List 3.
QUOTES
Appointments are important when adding something textual from another page or book to your post. You only do it by placing a (>) as the first character of the line you wish to quote.
cited text
>cited text
mañana tengo tarea hacer un post parecido al buen maestro espero lograrlo GRACIAS, me encanto.
Congratulations! This post has been upvoted from the communal account, @minnowsupport, by carlagonz from the Minnow Support Project. It's a witness project run by aggroed, ausbitbank, teamsteem, 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.