Una volta creato un banner per il tuo sito web o blog, l'aggiunta di una casella di testo per la condivisione di codice è una semplice questione di usare un'area di testo nella pagina. È possibile creare un banner in vari modi, tra cui l'uso di un programma di fotoritocco come Adobe Photoshop o GIMP, o utilizzando liberi utility online come BannerSketch.com o BannerFans.com, quindi aggiungerlo al tuo sito insieme ad un codice copiabile per chiunque voglia condividere il banner sul loro sito web.

istruzione

1 Crea il tuo banner. C'è una grande differenza tra la creazione di un completo 486 del 60 banner e creando un piccolo badge o pulsante. I piccoli banner sono più sidebar gentile, e più compatibile con una serie di diversi layout. Per un elenco dei formati banner standard, visitare la lista del progettista del Toolbox a Designerstoolbox.com/designresources/banners/.

2 Carica il tuo banner al vostro spazio web o il servizio di condivisione foto. strumenti di foto-hosting gratuito includono Photobucket.com e di Google Picasa Web Album.

3 Scrivere il codice per pubblicare la tua pulsante, iniziando con l'URL alla vostra pagina. Per esempio, se la pagina è yourdomain.com e si desidera che il collegamento per aprire in una nuova finestra, il tuo link HTML è il seguente:

<a href="http://www.yourdomain.com" target="_blank">

4 Scrivere il codice per l'immagine dopo il diritto staffa del codice collegamento e chiudere il tag link con "</a>." Se si ospitano l'immagine a yourdomain.com/image.jpg ed è 125 per 125 pixel, il codice si evolve in:

<a href="http://www.yourdomain.com" target="_blank"> <img altezza = "125" width = "125" alt = "Il tuo sito web Title" /> </a>

Il testo "Alt" è importante per i siti web che non caricano le immagini, o per i programmi di accessibilità che leggono il contenuto Web ad alta voce.

5 Pubblica il codice immagine sul tuo sito web. Copiare il codice e inizia un paragrafo direttamente sotto l'immagine. Avviare l'area di testo con "<area di testo>" e incollare il codice in seguito. Terminare l'area di testo con "</ textarea>." Se si desidera una zona di testo con cinque file di righe visibili e circa 200 pixel di larghezza, utilizzare il seguente:

<Textarea righe = "5" cols = "20"> <a href="http://www.yourdomain.com" target="_blank"> <img altezza = "125" width = "125" alt = "Il tuo Sito web "/> </a> </ textarea>

6 Salvare la pagina e caricarlo nel browser per verificare che tutto guarda a destra.

Consigli e avvertenze

• Rifinire l'area di testo più precisamente utilizzando l'attributo "style", o l'impostazione stili nel foglio di stile per la pagina Web. Per esempio, per usare i CSS per creare una casella di pixel 125-by-125 con un bordo nero 1-pixel, il testo di apertura potrebbe essere il seguente:
• <Textarea style = "width: 125; altezza: 125px; border: 1px solid # 000000;"> "