[HTML x TUTTI]: Lezione 1 – Creare un banner

html

 

Oggi andiamo a vedere come creare un banner da inserire nel nostro blog, l’operazione è molto semplice come pre-requisito dobbiamo avere pronta la foto da inserire. Il formato sta a voi sceglierlo in base ai vostri gusti e in base a dove deve essere inserito.

CARICARE LA FOTO

La prima cosa che dobbiamo fare è caricare la foto scelta nel nostro blog, quindi andiamo sul  PANNELLO DI CONTROLLO del nostro blog e andiamo sul menù MEDIA che si trova sulla colonna di sinistra.

Clicchiamo sul tasto AGGIUNGI NUOVO e aspettiamo che la foto venga caricata nel nostro blog. Una volta che la foto è stata caricata sulla destra trovate l’url della foto, memorizzate questo url perché ci servirà dopo.

INSERIRE IL BANNER

Abbiamo due modalità per inserire il nostro banner:

  • Banner senza link
  • Banner con link

 

BANNER SENZA LINK

La prima che vediamo è il banner senza link, sempre dal pannello di controllo andiamo su ASPETTO ==> WIDGET e scegliamo il widget TESTO, qui andiamo ad inserire il seguente codice:

<img src=”URL DELLA FOTO” alt=”nome” />

 

Dove leggete URL DELLA FOTO dove inserire l’url della foto che avete caricato, mentre nel alt dove inserire una breve descrizione della foto (max 2 parole).

BANNER CON LINK

Sempre dal pannello di controllo andiamo su ASPETTO ==> WIDGET e scegliamo il widget TESTO, qui andiamo ad inserire il seguente codice:

 

<a href=”URL LINK”><img src=”URL DELLA FOTO” alt=”nome” /></a>

 

Dove leggete URL DELLA FOTO dove inserire l’url della foto che avete caricato, mentre nel alt dove inserire una breve descrizione della foto (max 2 parole).  Invece dove trovate scritto URL LINK inserite l’url del sito che volete far raggiungere tramite il vostro banner.

CONCLUSIONI

La seconda lezione termina qui, se avete domande potete lasciarle nei commenti sotto questo articolo. La prossima lezione verrà pubblicata il 23 dicembre 2013.

Ad Maiora

About these ads

Informazioni su Mr Tozzo

Nato nel 1981 mi definisco un Indigeno Digitale, il mio esordio nel mondo informatico risale al 1994 con un favoloso Amiga 500, invece il mio primo "giro" sul web risale al 1999 grazie a un modem 56k ... dal quel momento la mia vita è sempre stata online. Appassionato da sempre di tecnologia, telecomunicazioni, informatica, Apple, web e Social Media. Dal 2009 sono un blogger.

Pubblicato il dicembre 16, 2013, in blog, formazione, Giornalismo 2.0, HTML x TUTTI, notizie, web, www con tag , , , , , , . Aggiungi il permalink ai segnalibri. 5 commenti.

  1. Molto utile questo tutorial per chi non sa mettere un banner .

  2. grazie mille! il tuo tutorial è stato prezioso! purtroppo, non so perché, l’immagine non viene visualizzata sul blog..nonostante il fatto che, cliccando sull’icona, il link funzioni

  1. Pingback: [HTML x TUTTI]: Lezione 1 – Creare un ban...

Rispondi

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione / Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione / Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione / Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione / Modifica )

Connessione a %s...

Iscriviti

Ricevi al tuo indirizzo email tutti i nuovi post del sito.

Unisciti agli altri 764 follower

%d blogger cliccano Mi Piace per questo: