Creare un banner con codice da prelevare

Bene, è proprio vero che la condivisione arricchisce! E chi è un po’ lupo solitario come me è costretto ad aprirsi agli altri e dare il buon esempio!

Un blog può aiutare anche in questo, una specie di blog-therapy!

Ok non mi dilungo, oggi dovevo creare un bannerino con l’immagine del mio blog-candy, ehi vi siete iscritti, c’è un premio che vi aspetta!

E aggiungerci il codice affinché i lettori potessero aggiungere il banner nel proprio sito.

OK, come fare?

Step 1 – Create url immagine, leggete il tutorial se non sapete come si fa.

Step 2 – Entrare nel vostro account blog

Step 3 – Entrate nel codice del vostro template:

PER BLOGGER: andate su DESIGN > ELEMENTI PAGINA > AGGIUNGI GADGET  e cercate nella lista HTML –JAVA SCRIPT

PER SPLINDER: andate su BLOG > TEMPLATE 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

PER 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:

TUTTO CHIARO!?!

Il codice è questo:

<a href=”http://nomevostrosito.com” target=”_blank”><img

src=”http://url della vostra immagine” border=”0″

alt=”testo che si leggerà al passaggio del mouse” width=”200″ height=”200” /></a>

<textarea rows=”8″cols=”10″>Qui inserisci il codice per prelevare il bannerino, ossia: <a href=”http://nomevostrosito.com” target=”_blank”><img

src=”http://url della vostra immagine” border=”0″

alt=”testo che si leggerà al passaggio del mouse” width=”200″ height=”200″ /></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”>.

E’ tutto.

Se invece volete solo il codice spiccio, senza l’area testo sotto copiatevi questo semplice semplice:

<a href=”http://url che vuoi tu” target=”_blank”><img src=”http://url immagine che vuoi” alt=”testo”></a>

BLOGGHIDEE

 

 

 

 

 

Spread the love

Discussion

  1. admin

Leave a Reply

This blog is kept spam free by WP-SpamFree.