Stai leggendo il blog di: Elvo
Questo blog ha 0 Followers

Vignetta: Dinky - clicca sull'immagine per visitare il suo blog

Un banner è una piccola immagine che può essere animata o meno al quale è assegnato un link.

Per poter creare un banner oppure inserirlo (nel caso abbiate già il codice) avrete bisogno del Widget Testo, indispensabile per questa operazione (se non sapete cosa sia un widget cliccate qui).

All’interno del widget dovete scrivere il codice HTML di riferimento della vostra immagine.

<a href="https://www.webcomics.it/shocktour/" target="_blank" title="Shocktour"><img src="https://www.webcomics.it/shocktour/files/2012/03/logoheader-150x150.jpg" /></a>

Analizzando il codice è possibile modificarlo a proprio piacimento:

  • la scritta in verde contiene il link di destinazione; target=”_blank” vuol dire che si aprirà in una nuova scheda o pagina, mentre se viene cancellato o sostituito con target=”_self” il link verrà aperto nella stessa pagina. Per i banner è consigliabile mantenere “target” così com’è;
  • la scritta in blu contiene le informazioni su dove l’immagine è stata caricata: a volte nelle informazioni dell’immagine c’è anche segnata l’altezza e la larghezza; quando non vengono segnalate, il sistema prende l’immagine e la carica a grandezza naturale.

(Nelle sezioni “Come inserire i link” e “Come caricare immagini al di fuori del proprio blog” trovare maggiori dettagli sul codice HTML per i link e le immagini)

Una maniera rapida per ricavare il codice di un vostro banner personale è questo:

  • Scrivete un nuovo articolo senza salvarlo;
  • caricate la vostra immagine;
  • andate nel metodo di visualizzazione HTML;
  • copiate il codice;
  • incollate il codice nei Widget.

Ricordate che la sidebar sulla vostra sinistra avrà sempre come larghezza massima 250 px, non dimenticatelo!

Se volete invece inserire dei banner dinamici, leggete la sezione “Funzioni estreme” (si consiglia la lettura solo ad utenti con conoscenze basilari di javascript)