Creare un banner con relativo codice da prelevare

In questo articolo vedremo come creare un banner da poter poi condividere tramite codice html. In pratica, realizzeremo un banner con codice html da prelevare e poterlo, quindi, inserire nel proprio sito web.

Step 1 – Create una url immagine

Step 2 – Entrare nel vostro sito web

Step 3 – Entrate nel codice del vostro template:

Se hai blogger: andate su Design -> Elementi pagina > Aggiungi gadget e cercate nella lista HTML – JAVA SCRIPT

Se hai splinder: andate su Blog -> Temlate e scorrete il codice fino ad arrivare alla sidecar, controllate il punto preciso in cui volete aggiungere il vostro codice e posizionatevi con il cursore

Se hai wordpress: cliccate su Aspetto -> Widget -> cliccate dal box a sinistra sul widget Testo e trascinatelo verso il quadrante di destra, inserite un titolo se volete e cliccate nel box per aggiungere il codice

Step 4 – Inserire il codice che servirà per il vostro banner, in primo luogo va inserita l’immagine, della quale vi siete ricavati l’url, poi va creato il codice per una area di testo, dalla quale i lettori potranno prelevare il codice:

E adesso, dopo questi step, passiamo al codice html. Il codice è questo:

<a href=”http://iltuosito.it” target=”_blank”><img src=”http://url della vostra immagine” border=”0″ alt=”testo che si leggerà al passaggio del mouse” width=”250″ height=”250” /></a><textarea rows=”8″cols=”10″>Qui inserisci il codice per prelevare il bannerino, ossia: <a href=”http://iltuosito.it” target=”_blank”><img src=”http://url della vostra immagine” border=”0″ alt=”testo che si leggerà al passaggio del mouse” width=”250″ height=”250″ /></a> </textarea>

Per quanto riguarda l’immagine potete aggiungere un bordo, mentre per la textarea potete variare il numero di righe – rows e di colonne cols a seconda delle vostre esigenze e anche aggiungere degli elementi di stile come font-family=”arial” font-size=”16px”>.

Se invece volete solo il codice senza l’area testo, il codice è il seguente: