Come mettere pagina di manutenzione su Blogger

Tante volte mi è capitato di fare aggiustamenti grafici nel blog a tentativi e dopo aver salvato il modello ho avuto i peggiori risultati come widget che si vedevano sovrapposti, blog che tagliato per metà, banner pubblicitari sopra il contenuto del post, righe di errore nell'header e nel footer... insomma, errori che si possono facilmente risolvere con un backup. Il vero problema riguarda i visitatori che entrano nel blog mentre lo si sta aggiustando perché si saranno fatti una cattiva impressione! Un blog mal messo graficamente non è credibile, ha tutta l'aria di essere vecchio ed abbandonato a se stesso. Probabilmente avete perso potenziali acquirenti o comunque persone che avrebbero potuto seguirvi come lettori fissi, tramite newsletter o social network del blog.

Per evitare questo, si deve mettere, almeno temporaneamente, una pagina di manutenzione, così l'utente sa' già che tra qualche minuto o ora, il sito ritornerà nuovamente funzionante. Per fare questo su Blogger si deve agire inserendo codici nel modello oppure caricando dei temi che svolgono questo compito autonomamente.

Pagina di manutenzione "fai da te"

Eccovi l'anteprima:

Per inserire una pagina di manutenzione manualmente che appare al di sopra di tutto il blog (che continuerà ad essere consultabile) dovete andare su Modello > Modifica HTML, poi dovete inserire prima del tag </head> il seguente css:

<style>
body#layout #manutenzione {display:none !important;}
body#layout .blog-admin {display:block !important;}
</style>

Adesso andate a cercare il tag <body e dopo di esso dovete aggiungere il seguente codice:

<div id='manutenzione' style='background:#FFFFFF; height:800px;'>
<div style='margin-top:-30px; text-align: center; padding-top:100px;'>
<img border='0' src='http://1.bp.blogspot.com/-DPrXN4dF99Y/VFFh1O81foI/AAAAAAAAZnw/PgMk_Il3taw/s1600/sito-in-costruzione.jpg'/></div>
<div align='center'><p style='font-size:200%;'>SITO TEMPORANEAMENTE IN MANUTENZIONE</p></div>
</div>
<span class='item-control blog-admin'>

Fra le cose che potete cambiare ci sono l'url dell'immagine e la scritta sotto di essa.

Dopodiché dovete cercare il tag </body> e prima di esso dovete aggiungere il tag </span> .

Modelli di manutenzione per Blogger

Per chi invece ha un blog veramente incompleto e quindi impresentabile può installare un tema che mostra tutto il sito in manutenzione. A seconda di quello scelto è possibile mostrare un countdown, la newsletter, un modulo di contatto ecc. Eccovi i migliori modelli da usare solo per questi scopi:

Immagini e gif in movimento

Se volete inserire delle soluzioni meno invasive e problematiche per dire ai visitatori che il blog è al momento in manutenzione e che potrebbe non visualizzarsi correttamente potete inserire delle immagini fisse o in movimento (gif animate), eccovi alcuni siti da cui potete scaricarle:

In questo blog non ho mai usato nulla di tutto questo, avrei dovuto? :-)

Pagina di manutenzione "fai da te"

Modelli di manutenzione per Blogger

Immagini e gif in movimento

Nessun commento :

Scrivi un commento

LINK UTILI

ISCRIVITI ALLA NEWSLETTER

INFO