Effetto di caricamento per il blog

Vedo che parecchi di voi hanno apprezzato la piccola modifica alla mia struttura che fa apparire un messaggio di caricamento durante l'apertura del blog.

Per questo, chiedendomelo in tanti, ho deciso di pubblicare un articolo in merito.

Come solito dovrete recarvi in Layout/Modifica HTML e modificare la struttura. (Salvate sempre una copia di backup del vostro template).

Ora, subito dopo la parte <head>, dovrete inserire questo script:

<script language='JavaScript1.1' type='text/javascript'>
function waitPreloadPage() { //DOM
if (document.getElementById){
document.getElementById(&#39;prepage&#39;).style.visibility=&#39;hidden&#39;;
}else{
if (document.layers){ //NS4
document.prepage.visibility = &#39;hidden&#39;;
}
else { //IE4
document.all.prepage.style.visibility = &#39;hidden&#39;;
}
}
}
</script>

A questo punto ricercate la parte <body> e sostituitela con questa:


<body onload='waitPreloadPage();'> <div id='prepage' style='position:absolute; color:#FFFFFF; font-family:arial; font-size:20; left:0px; top:0px; background-color:#232323; layer-background-color:#232323; height:100%; width:100%; filter: alpha (opacity=90);'><TABLE border="0" cellpadding="0" cellspacing="0" height="100%" width="100%"> <TR> <TD align="center" style="text-align: center; vertical-align:middle" valign="middle"><Span style="vertical-align: middle; text-align: center">Caricamento della struttura in corso... Attendi qualche istante!</Span><br/><br/><img src="http://img148.imageshack.us/img148/7627/caricamentoyc5.gif"/><br/><br/>Script prelevato su <a target="_blank" href="http://kamy22-blog.blogspot.com">La camera dei blog</a></TD> </TR></TABLE></div>

Ricordatevi di sostituirel'immagine "http://img148.imageshack.us/img148/7627/caricamentoyc5.gif" con il link della vostra immagine di caricamento.

Cosi facendo avrete anche voi uno script di caricamento veramente interessante!

15 commenti:

vicio ha detto...

grz ho ftt bn a kiedertelo ci sn riuscito e sn sikuro che sara' utile ad altra gente continua cosi'!

Ganascia ha detto...

Ciao. Ho da chiederti un favore: potrei conoscere il codice della tua testata - ovvero lo sfondo nero - e come inserirlo in blogger ? Mi cambieresti la vita ! Attendo tue appena possibile. Grazie !

Kamy22 ha detto...

Ciao forse ti riferisci a questo:

http://kamy22-blog.blogspot.com/2008/11/inserire-degli-sfondi-sfumati-nel-blog.html

Fammi sapere!

pdm ha detto...

Ma che belle queste immagini natalizie! Ottima idea!

Flor ha detto...

grazie a te sto facendo dei bei figuroni!!

Roblog ha detto...

A me non funziona..possibile che con una connessione veloce non riesco vederlo?
mi sembra strano perchè il tuo effetto di caricamento lo vedo....

...uff

Roblog ha detto...

Ho scoperto che la scritta effetto di caricamento rimane sotto il il blog....cioè!

Non so come spiegare!

L'effetto di caricamento c'è, ma non si vede..

Kamy22 ha detto...

Certo che è abbastanza strano... Ma hai inserito lo script nella parte dove ho indicato?

Anonimo ha detto...

A me persiste!come faccio?

Bond..Zelo Bond ha detto...

anche a me la pagina di caricamento rimane sotto il blog come mai!?

Zio Romolo ha detto...

ciao Kamy.Ci dici anche come fare a creare una immagine dinamica di caricamento da sostituire a quella inserita?Grazie...wow

Roberto ha detto...

Quando vado nella pagina di google che traduce il mio blog in inglese....la figura di "LOADING" non scompare mai...c'è una soluzione?

grazie

Ramrock ha detto...

L'ho messo, grazie mille!!!

piac95 ha detto...

Dice di caricare...ma non carica :(

Gulp! ha detto...

Ciao, è possibile invece far visualizzare l'immagine per alcuni secondi quando si clicca su un link a parte?

Posta un commento

Related Posts with Thumbnails