Blogghidee

Splinder: inserire un bannerino con immagine e link ad un sito

// febbraio 14th, 2011 // Primi passi, Risorse blog, Splinder

Un banner è una specie di striscione pubblicitario che si può inserire all’interno di un sito. Corrisponde ad una piccola immagine con relativo link, per sponsorizzare un sito, un prodotto. Il banner può essere statico o interattivo.

Nel nostro caso sarà statico, per non complicarci troppo la vita!

Dovrete avere in mente come creare il vostro banner. Potreste ricavarla utilizzando un’immagine ridotta del vostro sito, ad esempio l’intestazione o il vostro logo aziendale. Oppure costruirla di sana pianta dal principio.

Una volta che avete le idee chiare in merito all’immagine, dovete sapere con esattezza le dimensioni massime del vostro template.

In questo caso si tratta di un blog su piattaforma Splinder, perciò entrate nel vostro account, cliccate dal menu in alto “Blog” e “Template”. Si visualizzerà il vostro template, sia il codice Html, che il Css.

Cliccate CTRL F, per ricercare questa stringa di parole: “box-sidebar”, cliccate su Invio dalla tastiera. Verrà visualizzato il testo che state cercando.

Ora dovete cercare la parola “width”, che indica la larghezza della colonna del vostro blog. In questo caso è 180 px, quindi il nostro banner non potrà essere superiore a questa larghezza.

Se avete già preparato la vostra immagine, basterà ridimensionarla con qualsiasi programma di grafica. Su Paint.net, dovrete cliccare su Immagine > Ridimensiona e impostare le dimensioni nell’apposito campo width, scrivendo 180. L’altezza verrà ricalcolata in proporzione. Cambiate la risoluzione in 72 dpi. Tutto qui.

Ora dovete decidere dove inserire il vostro simpatico bannerino. Cercate una posizione in prima linea dove si possa visualizzare subito, ma non siate eccessivi!

Cercate nel template la stringa di codice che identifica quell’esatto punto. Se, ad esempio è dopo il profilo, cliccate CTRL F e scrivete nel campo: “Chi sono”. Verrà visualizzato il codice. Posizionatevi subito dopo la chiusura

Spiegazioni:

Il nome tuo sito = corrisponde all’indirizzo url del sito che volete pubblicizzare.
img src=”http://….” = corrisponde alla vostra immagine. Dovrete registrarvi in qualche hosting gratuito di immagini per ottenere il direct link della vostra immagine.
br = è la spaziatura per non far appiccicare il banner alla parte sovrastante.

Per ottenere il direct-link della vostra immagine potete caricarla sui mediablog di Splinder oppure usufruire di un servizio gratuito di hosting immagini.

Una volta ricavato il vostro direct-link, non dovrete fare altro che incollarlo nella parte di codice evidenziata prima.

Prima di salvare le impostazioni, vi suggerisco di salvare tutto il vostro template e metterlo in salvo. Digitate su “anteprima” e controllate se il risultato vi piace. Se la risposta è affermativa, tornate al vostro template e in basso cliccate su “Salva”.

Il risultato finale sarà un banner, che cliccato porterà il lettore al sito.

Per ora è tutto,

a presto

by BLOGGHIDEE