![impaginazione.jpg](https://steemitimages.com/DQmUwUdSs1WsRtZK6z5SAtWfwLdUwKdr7DqA4UTwYU7dtZt/impaginazione.jpg)

<center>GUIDA ALL'IMPAGINAZIONE SU STEEMIT</center>
===
<center>(parte 2 di 2)</center>
===
<center></center>
Come promesso eccoci alla seconda parte della guida. Colgo l'occasione per ringraziare @cheftony e @alexzicky che hanno a loro volta creato degli utilissimi articoli a cui vi rimando, li trovate rispettivamente [QUI](https://steemit.com/ita/@cheftony/easy-text-formatting-on-steemit-formattazione-facile-del-testo-su-steemit) e [QUI](https://steemit.com/ita/@alexzicky/guida-steemit-formattare-il-testo-con-markdown-e-html) in questo modo avrete ulteriori risorse per approfondire l'argomento Markdown, HTML e impaginazione. 

***

## IMMAGINI CON COLLEGAMENTO IPERTESTUALE

Le immagini su steemit generalmente vengono visualizzate con le dimensioni di 1024x768 ecco che se volete far apprezzare il vostro lavoro fotografico è sempre meglio inserire un link che rimanda alla foto per vederla in alta risoluzione.
Esempio:

[![lion-wild-africa-african.jpg](https://steemitimages.com/DQmQWJohqWECwjjmRz9u4qruLGot4JgaMYVUA56kgeyqguD/lion-wild-africa-african.jpg)](https://steemitimages.com/DQmQWJohqWECwjjmRz9u4qruLGot4JgaMYVUA56kgeyqguD/lion-wild-africa-african.jpg)

Per farlo dovete:
1. Inserire la vostra immagine come fate di solito
2. Attendere il caricamento
3. Racchiudere tra parentesi quadrate il codice che è apparso dopo il caricamento
4. Copiare il link che inizia per https
5. Incollare il link appena copiato tra parentesi rotonde 
FINE

<center> **Attendere il caricamento della gif seguente 
per visualizzare l'intero procedimento**</center> 
<center>🐌_____🐌_____🐌_____🐌_____🐌_____🐌_____🐌_____🐌_____🐌_____</center>

![IMAGE BUTTON.gif](https://steemitimages.com/DQmTxUkr7XwkeYuotmsjJKpqZB6YYZ5wBnNUPBa4aaB6Fhb/IMAGE%20BUTTON.gif)

A questo punto chiunque voglia ammirare la vostra immagine con una risoluzione superiore potrà farlo cliccando su di essa.
Chiaramente questa procedura si presta a molteplici applicazioni come la creazioni di bottoni interattivi che rimandano ai vostri post o ad altri siti, ma sta a voi trovare il miglior utilizzo delle immagini con collegamento ipertestuale. 

---

## TESTO A DUE COLONNE
Solitamente usato per i post in doppia lingua è una delle funzioni sulle quali ho risposto più  volte sul nostro benamato gruppo [Steem PostIT](https://t.me/joinchat/AAAAAEFJLvgArOxut5n9Jg) quindi ho pensato bene di riportare qua il codice. 
Con il codice precedente inoltre otterrete un testo su due colonne giustificato, come intenderci, come quello usato nei giornali!

*- codice:*

```
<div class="pull-right">
<p><br></p>
<center>
<img src="https://steemitimages.com/DQmYdWadkc51Md5S1nQR4Qv6wuGhB11KfeNper2yM1PRaD5/Eng_Flag.gif" /></div>
</center>
<div class="text-justify">
Inserite il vostro testo di DESTRA qui Inserite il vostro testo di DESTRA qui Inserite il vostro testo di DESTRA qui Inserite il vostro testo di DESTRA qui Inserite il vostro testo di DESTRA qui Inserite il vostro testo di DESTRA qui Inserite il vostro testo di DESTRA qui Inserite il vostro testo di DESTRA qui Inserite il vostro testo di DESTRA qui Inserite il vostro testo di DESTRA qui Inserite il vostro testo di DESTRA qui
</div>
</div>
<div class="pull-left">
<p><br></p>
<center>
<img src="https://steemitimages.com/DQmfCBB2V2Ua8SwGFfTDo5QhY9MpA2mEWMWM5ibXjRqR9Lk/Ita_Flag.gif" /></div>
</center>
<div class="text-justify">
Inserite il vostro testo di SINISTRA qui Inserite il vostro testo di SINISTRA qui Inserite il vostro testo di SINISTRA qui Inserite il vostro testo di SINISTRA qui Inserite il vostro testo di SINISTRA qui Inserite il vostro testo di SINISTRA qui Inserite il vostro testo di DESTRA qui Inserite il vostro testo di SINISTRA qui Inserite il vostro testo di SINISTRA qui Inserite il vostro testo di SINISTRA qui Inserite il vostro testo di SINISTRA qui
</div>
</div>
```
*- risultato:*
<div class="pull-right">
<p><br></p>
<center>
<img src="https://steemitimages.com/DQmYdWadkc51Md5S1nQR4Qv6wuGhB11KfeNper2yM1PRaD5/Eng_Flag.gif" /></div>
</center>
<div class="text-justify">
Inserite il vostro testo di DESTRA qui Inserite il vostro testo di DESTRA qui Inserite il vostro testo di DESTRA qui Inserite il vostro testo di DESTRA qui Inserite il vostro testo di DESTRA qui Inserite il vostro testo di DESTRA qui Inserite il vostro testo di DESTRA qui Inserite il vostro testo di DESTRA qui Inserite il vostro testo di DESTRA qui Inserite il vostro testo di DESTRA qui Inserite il vostro testo di DESTRA qui
</div>
</div>
<div class="pull-left">
<p><br></p>
<center>
<img src="https://steemitimages.com/DQmfCBB2V2Ua8SwGFfTDo5QhY9MpA2mEWMWM5ibXjRqR9Lk/Ita_Flag.gif" /></div>
</center>
<div class="text-justify">
Inserite il vostro testo di SINISTRA qui Inserite il vostro testo di SINISTRA qui Inserite il vostro testo di SINISTRA qui Inserite il vostro testo di SINISTRA qui Inserite il vostro testo di SINISTRA qui Inserite il vostro testo di SINISTRA qui Inserite il vostro testo di DESTRA qui Inserite il vostro testo di SINISTRA qui Inserite il vostro testo di SINISTRA qui Inserite il vostro testo di SINISTRA qui Inserite il vostro testo di SINISTRA qui
</div>
</div>

---
## IMMAGINE ALLINEATA A DESTRA O SINISTRA 
Con il seguente codice otterrete un'immagine che può essere posizionata a destra o a sinistra del testo. Ricordatevi di usare immagini di 512 pixel di larghezza per ottenere un risultato ottimale.

*- codice:*

```
<div class="pull-right"><img src="http://i.imgur.com/ow7sHn0.jpg" /></div>
INSERISCI IL TESTO QUI INSERISCI IL TESTO QUI INSERISCI IL TESTO QUI INSERISCI IL TESTO QUI INSERISCI IL TESTO QUI INSERISCI IL TESTO QUI INSERISCI IL TESTO QUI INSERISCI IL TESTO QUI INSERISCI IL TESTO QUI INSERISCI IL TESTO QUI INSERISCI IL TESTO QUI INSERISCI IL TESTO QUI INSERISCI IL TESTO QUI INSERISCI IL TESTO QUI INSERISCI IL TESTO QUI

<div class="pull-left"><img src="http://i.imgur.com/ow7sHn0.jpg" /></div>
INSERISCI IL TESTO QUI INSERISCI IL TESTO QUI INSERISCI IL TESTO QUI INSERISCI IL TESTO QUI INSERISCI IL TESTO QUI INSERISCI IL TESTO QUI INSERISCI IL TESTO QUI INSERISCI IL TESTO QUI INSERISCI IL TESTO QUI INSERISCI IL TESTO QUI INSERISCI IL TESTO QUI INSERISCI IL TESTO QUI
```
*- risultato:*

<div class="pull-right"><img src="http://i.imgur.com/ow7sHn0.jpg" /></div>
INSERISCI IL TESTO QUI INSERISCI IL TESTO QUI INSERISCI IL TESTO QUI INSERISCI IL TESTO QUI INSERISCI IL TESTO QUI INSERISCI IL TESTO QUI INSERISCI IL TESTO QUI INSERISCI IL TESTO QUI INSERISCI IL TESTO QUI INSERISCI IL TESTO QUI INSERISCI IL TESTO QUI INSERISCI IL TESTO QUI INSERISCI IL TESTO QUI INSERISCI IL TESTO QUI INSERISCI IL TESTO QUI

<div class="pull-left"><img src="http://i.imgur.com/ow7sHn0.jpg" /></div>
INSERISCI IL TESTO QUI INSERISCI IL TESTO QUI INSERISCI IL TESTO QUI INSERISCI IL TESTO QUI INSERISCI IL TESTO QUI INSERISCI IL TESTO QUI INSERISCI IL TESTO QUI INSERISCI IL TESTO QUI INSERISCI IL TESTO QUI INSERISCI IL TESTO QUI INSERISCI IL TESTO QUI INSERISCI IL TESTO QUI

---

#### Spero che queste guide vi siano utili in futuro, magari inseritele tra i vostri preferiti così che quando vi serve un codice lo avrete subito reperibile.

---

*Se vi è piaciuto questo post, upvotate, commentate seguitemi e fate resteem. Grazie per il vostro contributo!*

<center>**NON DIMENTICATEVI PER FAVORE**</center>

<center>[![thenightflier_steem_upvote180.gif](https://steemitimages.com/DQmeRPHvp4bK27V7UqmqELLxw9BnhGxUfNspqHXK2pmbzrh/thenightflier_steem_upvote180.gif)](https://steemit.com/@thenightflier/)</center>