REDAZIONE

Dopo averti presentato il nuovo servizio di MyBlog che permette di modificare in modo semplice e veloce l'immagine dell'header del tuo Blog, oggi ti mostriamo come è possibile inserire una header animata in Flash, ad esempio come questa:

 

L'animazione in Flash può essere creata direttamente da te utilizzando Adobe Flash oppure uno dei tanti servizi gratuiti che puoi trovare in rete. L'importante è che il tuo file sia in formato .swf.

 

Per fare in modo che l'animazione non venga deformata o disallineata rispetto gli altri elementi del Blog, dobbiamo prendere alcune misure: con il tasto destro del mouse clicca sull'immagine dell'header facendo apparire il menu a tendina. Seleziona Salva sfondo come... (su Internet Explorer) o Visualizza immagine di sfondo (se utilizzi Firefox).

Apri l'immagine appena salvata con un programma di grafica e calcola le sue dimensioni. L'importante è che l'animazione abbia la stessa larghezza di questa immagine, l'altezza puoi sceglierla a piacere.

 

Hai creato l'animazione che ti piace e l'hai salvata in formato .SWF?

Allora da Pannello di controllo > Gestione file scegli una delle cartelle che hai a disposizione e carica il tuo file .swf.

Cliccando sul nome del file caricato si aprirà una nuova finestra che ti mostrerà l'animazione. Copia l'indirizzo URL e tienilo da parte, ci servirà tra poco.

 

Ora andiamo a sostituire la nostra header. Dal pannello di controllo del Blog vai in Presentazione > Opzioni avanzate e clicca sul link Modifica modello delle seguenti  pagine:

• Modello della home page
• Modello della pagina categoria
• Modello della pagina dei commenti
• Modello di pagina di Link permanente

 

Al loro interno cerca 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 sostituiscile con:

<object width="925" height="188">
<param name="movie" value="lamianuovaheader.swf">
<embed src="lamianuovaheader.swf" width="925" height="188">
</embed></object>

Dove in width e height devi inserire rispettivamente la larghezza e l'altezza della tua animazione.

In value e in src, invece, devi inserire l'indirizzo URL del file .swf che hai copiato poco fa.

 

Salva le modifiche...et voilà... ecco la tua nuova header animata in Flash!