Steemit Hacks | Aprenda a formatar seus textos como um profissional

View this thread on: d.buzz | hive.blog | peakd.com | ecency.com
·@casberp·
0.000 HBD
Steemit Hacks | Aprenda a formatar seus textos como um profissional
Chega de passar raiva com centralização, justificação e alinhamentos em geral!
===

Algumas pessoas podem ter dificuldades com a formatação de textos no steemit usando MarkDown misturado com css.

Seguem dicas que podem ser úteis até para quem já é veterano por aqui e ainda não sabia.

### Você vai aprender a:
---
1. usar editor html normal ao invés de MarkDown
1. centralizar textos
1. justificar textos
1. alinhar textos à direita
1. escrever códigos, como por exemplo: \<div\> sem precisar usar a caixa de códigos

![image.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1518608666/pjpfgekclcjvd4euhs1z.png)


### Dicas para Formatação de Textos no Steemit
---

### 1. Mudar editor pra html
#### Essa é a dica mais simples para quem se atrapalha ou simplesmente não gosta do código MarkDown.
##### a) Clique em POST
![post.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1518608761/seznnaqpa1odsouludmz.png)
##### b) Clique em editor
![editor.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1518608768/ufshhuxkh9njxugu4bol.png)
##### c) Use os ícones e seja feliz
![menus.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1518608775/vbdtzgz31s9k6a9xjcpb.png)
    
> *(outra opção é usar o site https://busy.org que já vem com esse editor por padrão)*

### 2. Centralizar texto (não funciona no editor html)

```

<div class="text-center">
   
textos ou imagens
    
</div>

```
&nbsp; 
Note que precisa pular uma linha antes e outra depois para que os códigos "\<div\>" não encostem emquaisquer outros textos e imagens.

### 3. Justificar texto(não funciona no editor html)

```

<div class="text-justify">
 
textos ou imagens
 
</div>
 
```

Note que precisa pular uma linha antes e outra depois para que os códigos "\<div\>" não encostem emquaisquer outros textos e imagens. 

&nbsp;

### 4. Texto alinhado à direita (não funciona no editor html)

```
    
<div class="text-right">
   
textos ou imagens
    
</div>
    
```

Note que precisa pular uma linha antes e outra depois para que os códigos "\<div\>" não encostem emquaisquer outros textos e imagens.

&nbsp;

### 5. Escrever códigos sem que sumam, por exemplo: "\<div\>"
Se você tentar escrever "\<div\>", vai notar que não aparece, porque ao invés disso, o sistema entenderá que você quer criar uma "div". 
   
Isso acontece com quase todos os códigos. Para contornar tal problema, utilize uma barra invertida antes de cada código, conforme exemplos abaixo:

```

\<div\>
\<p\>
\<center\>

```

##### Fazendo isso, ao invés de sumir, ficará assim:

\<div\>
\<p\>
\<center\>

&nbsp;

### Parabéns!
---
#### Agora você já pode aprimorar seus textos sem passar tanta raiva ou frustração!

Espero que sua experiência com textos no steemit apartir de agora seja muito melhor!

<div class="text-center">

---

[![Imgur](https://i.imgur.com/uuKJkTI.jpg)
](https://steemit.com/@casberp)

Veja outros [artigos, hacks e tutoriais clicando aqui](https://steemit.com/@casberp).

---

[Telegram](https://t.me/steemitbrasil) | [Brazilians](https://steemit.com/@brazilians) | [BraZine](https://steemit.com/@brazine) | [Camões](https://steemit.com/@camoes) | [Galeguia](https://steemit.com/@gazetagaleguia) | [Lusofonia](https://steemit.com/@lusofonia) 

---

</div>
👍 , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,