REDAZIONE

Dopo avervi mostrato come sostituire l’immagine dell’header con una propria immagine e come nascondere il titolo del blog, vi mostriamo come è possibile associare un link a un banner personalizzato.

Iniziamo quindi questo tutorial avendo già scelto l’immagine da sostituire e reso invisibile il titolo del blog (quello che si vede a lato dei pianeti fa parte dell’immagine dell’header).

Entriamo nella sezione Presentazione > Opzioni avanzate e clicchiamo sul link Modifica modello del Modello della homepage.
Si aprirà una finestra contenente il codice della home page del blog.
Cerchiamo e cancelliamo queste righe di codice:

<div id="banner">
<div class="banner-decorator1">
<div class="banner-decorator2">
<h1><a href="{$blog.url}">{$blog.title}</a></h1>
<h2>{$blog.description|default:"&nbsp;"}</h2>
</div></div></div>

e le sostituiamo con:

<a href="{$blog.url}">
<img src="http://indirizzowebdellanostraimmagine.jpg" border="0" width="925" height="188">
</a>

dove:
<a href="{$blog.url}"> contiene l’indirizzo della home page del nostro blog;
src=”” contiene l’indirizzo web dell’immagine dell’header;
border=”0” definisce la grandezza del bordo dell’header (se inseriamo un valore maggiore di 0 a un’immagine con link è possibile che si visualizzi un bordo colorato);
width e height definiscono rispettivamente la larghezza e l’altezza dell’immagine.

Per salvare le modifiche, clicchiamo sul bottone Salva queste impostazioni.

 


Ora andiamo fare le stesse modifiche anche nei modelli delle pagine interne dove è presente il codice contenente l’header (Modello della pagina dei commenti, Modello della pagina Link permanente, Modello della pagina categoria, ecc…).

Se durante le modifiche commettete qualche errore o il risultato finale non vi piace, non temete, è possibile ripristinare tutte le impostazioni orginarie semplicemente selezionando le pagine modificate in Presentazione > Opzioni avanzate e cliccando sul bottone Tornare alla versione originale.