Ciao! In questo tutorial voglio spiegare come aggiungere delle immagini casuali ed in rotazione per lo sfondo della tua intestazione.
Dopo aver aggiunto questa funzione per il tuo blog Blogger, l'immagine di intestazione del blog ruoterà / cambierà a ogni refresh della pagina.
Prima di fare questo trucco è necessario creare le immagini di intestazione per il tuo blog.
In questo tutorial ti mostrerò come ruotare 5 immagini di intestazione.
- Accedi al tuo dashboard -> Progettazione -> Modifica HTML
- Scorrere giù fino a dove si vede il tag <body>.
- Ora copia il codice sottostante ed incollalo subito dopo il tag <body>.
<script type='text/javascript'>
var HeaderImage= new Array()
HeaderImage[0]="URL-1"
HeaderImage[1]="URL-2"
HeaderImage[2]="URL-3"
HeaderImage[3]="URL-4"
HeaderImage[4]="URL-5"
var random=Math.round(4*Math.random());
document.write("<style>");
document.write("#header-wrapper {");
document.write(' background:url("' + HeaderImage[random] + '") no-repeat left TOP;');
document.write(" }");
document.write("</style>");
</script> - Salva il nuovo modello.
Nota 1: Sostituisci "URL-X" con l'URL delle tue immagini.
Nota 2: Se il codice sopra non funziona per il tuo blog, allora sostituisci "#header-wrapper" con "#header".
Nota 3: È possibile aggiungere qualunque numero di immagini, anche diverso da 5. Ma ricordati di cambiare "4*Math.random()" in base al numero di immagini che aggiungi. Ad esempio, quando vuoi aggiungere 8 diverse immagini per lo sfondo intestazione del blog, allora il codice deve essere cambiato in "7*Math.random()".
ciao. hai anche qualcosa per associare una immagine differente per ogni categoria (label) ??
RispondiElimina