Mi capita spesso di sentire dei lettori che hanno il loro blog in costruzione e che non permettono ad altri di vederlo. E' una scelta rispettabile che consente di lavorare sul modello senza che dei curiosi possano vedere i progressi fatti e anche eventuali errori e problemi che si presentassero. Nei blog Wordpress è possibile installare il plugin Maintenance Mode che mette il blog in standby, che consente all'amministratore di fare tutte le modifiche che vuole entrando nella Bacheca ma che mostrerà ai visitatori una pagina con l'annuncio dei "lavori in corso". Questo a prescindere dalla pagina del blog che è stata aperta.
Vediamo come anche in Blogger possa essere fatta una cosa simile. Si utilizza il tag condizionale che consente solo all'amministratore del blog di vedere un particolare widget o un determinato contenuto. L'unica cosa che occorre è una immagine adeguata o altri contenuti che possono servire alla bisogna come dei video, un testo con dei link e altre cose che si ritiene utile mostrare ai visitatori.
Si va su Modello > Modifica HTML e si salva il modello completo andando su Backup/Ripristino. Questo serve per fare un backup di sicurezza essenziale nel caso si sbagli qualcosa nella modifica del codice. Successivamente si va su Modello > Modifica HTML > Procedi e si cerca la riga </head> . Subito sopra si incolla
<style>
body#layout #manutenzione {display:none !important;}
body#layout .blog-admin {display:block !important;}
</style>
Quindi si cerca la riga <body> nei vecchi modelli o la riga body#layout #manutenzione {display:none !important;}
body#layout .blog-admin {display:block !important;}
</style>
<body expr:class='"loading" + data:blog.mobileClass'>
nei template del Designer Modelli. Subito sotto questi tag si incolla questo codice
<div id='manutenzione' style='background:#FFFFFF; height:800px;'>
<div style='margin-top:-30px; text-align: center; padding-top:100px;'>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdQ1jysYEyKmcJJpuBJixYTybujkafe9mDWbLoC9aVdmB082MeTaNnXTqZdTTik93o0VzP1ObCWJCagDV_2IBDLY4pwtkA17PbAlX9lEqO0VB-gbF_ScZoYwmqBfjnBQU5GjLxvL7dA_sH/s800/sito-in-costruzione.jpg'/></div>
<div align='center'><p style='font-size:200%;'>STIAMO LAVORANDO PER VOI</p></div> </div>
<span class='item-control blog-admin'>
Si cerca poi la riga </body> e, subito sopra, si incolla il tag <div style='margin-top:-30px; text-align: center; padding-top:100px;'>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdQ1jysYEyKmcJJpuBJixYTybujkafe9mDWbLoC9aVdmB082MeTaNnXTqZdTTik93o0VzP1ObCWJCagDV_2IBDLY4pwtkA17PbAlX9lEqO0VB-gbF_ScZoYwmqBfjnBQU5GjLxvL7dA_sH/s800/sito-in-costruzione.jpg'/></div>
<div align='center'><p style='font-size:200%;'>STIAMO LAVORANDO PER VOI</p></div> </div>
<span class='item-control blog-admin'>
</span>
Si salva il modello. Quello che apparirà ai visitatori sarà una cosa simile a questa
mentre il proprietario del blog potrà visualizzare, sotto l'immagine e il messaggio, il blog nella sua interezza in modo da poter verificare visivamente le modifiche di layout e di widget che intende apportare
Si può scegliere una immagine diversa da quella che ho inserito io semplicemente caricandola su Picasa o acquisendone il link diretto da sostituire a quello evidenziato di rosso. La riga evidenziata di viola rappresenta un contenuto aggiuntivo. In questo caso si tratta solo di una semplice scritta con una dimensione dei caratteri doppia di quella normale ma si possono mettere dei video, dei giochi, delle scritte scorrevoli o dei link a altri siti. L'unica limitazione è che il contenuto sia inserito in mezzo ai due tag </div> colorati di blu. Altri contenuti possono anche essere inseriti prima della immagine incollandoli nel codice subito dopo la prima riga. Non so a quanti di voi possa servire questa personalizzazione ma ritengo che sia comunque piuttosto interessante.
Nessun commento:
Posta un commento