Guide for new users #4. Design tutorial in steemit. Original @carlagonz.

in #steemit6 years ago

Hi dear steemers.

20180906_210012_0001.png

For anyone is a secret how important it is to have a well-organized publication both in context of the text and in their appropriate images with their corresponding sources if they are not your property.

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.

TitleDescripción
steemithome
cervantesprofile
carlaprofile
Title | Description
--------- | --------------
steemit | [home](https://steemit.com)
cervantes | [profile](https://steemit.com/@cervantes)
carla | [profile](https://steemit.com/@carlagonz)
TitleDescriptionTimePost
Title 1content 1time 11 post
Title 2content 2Time 22 post
Title 3content 3Time 33 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.

  1. List 1.
  2. List 2.
  3. 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


If you want read this post in spanish

Thank you so much for reading this post.

Any questions or comments leave it below this post or write me to Discord carlagonz # 5569.

With love Carla Gonzalez Venezuela.

Sort:  

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.

Coin Marketplace

STEEM 0.31
TRX 0.11
JST 0.033
BTC 64550.89
ETH 3156.32
USDT 1.00
SBD 4.30