Come inserire il widget delle Etichette, dell'Archivio, del Modulo di Contatto o del Profilo in una pagina di Blogger.

Come visualizzare i widget ufficiali di Blogger (Profilo, Articoli più popolari, Etichette, Archivio, Modulo di Contatto, ecc.) in una pagina statica di Blogger

Ho ricevuto diversi commenti con la richiesta di inserire i gadget ufficiali di Blogger in una pagina statica invece che nella sidebar o nel footer. Questo per rendere il widget più ampio e quindi più facilmente navigabile e per aumentare lo spazio libero nel normale layout del sito.

In realtà queste personalizzazioni sono piuttosto semplici, basta seguire il procedimento utilizzato per inserire il modulo di contatto ufficiale di Blogger in una pagina statica. Tale procedura può anche essere ulteriormente semplificata sfruttando il drag & drop degli Elementi Pagina su Layout. Per prima cosa pubblichiamo una pagina statica con il titolo Etichette oppure Archivio o Contattami andando su Bacheca > Pagine > Nuova Pagina > Pagina Vuota. Pubblichiamo senza contenuti oppure inseriamo una espressione tipo "Pagina in allestimento" che poi sarà tolta in seguito. A questo punto dobbiamo prendere nota dell'URL della o delle Pagine ricordandosi di modificare il suffisso locale .it con il canonico .com altrimenti i tag condizionali non funzioneranno.

Andiamo adesso su Layout > Aggiungi un gadget > Base e inseriamo il widget delle Etichette, quello dell'Archivio o quello del Modulo di Contatto. Con il trascinamento del mouse posizioniamoli subito sotto l'elemento Post sul blog in questo modo

Fate questa operazione solo con il gadget che volete visualizzare nella pagina statica. Ricordo che il Modulo di Contatto non si trova in Base ma su Altri gadget. Andate in alto e cliccate su Salva disposizione. Adesso i gadget saranno visibili in tutte le pagine del blog. Vogliamo invece che si vedano esclusivamente nella pagina statica cha abbiamo loro assegnato.

Dopo aver salvato il template andate su Modello > Modifica HTML e cercate i tre widget tramite Ctrl+F. Dovranno essere inseriti i due tag condizionali subito dopo la riga

<b:includable id='main'>
e subito prima dell'altra riga
</b:includable>

I tag da usare sono i seguenti

<b:if cond='data:blog.url == "URL_PAGINA"'>  e
</b:if>

dove al posto di URL_PAGINA si sostituisce l'indirizzo della pagina statica come nello screenshot

Questo va fatto per il gadget Label1 delle Etichette, per il widget BlogArchive1 dell'Archivio e per quello ContactForm1 del modulo di contatto. Se avete installato più di una gadget di uno stesso tipo al posto del numero 1 ci potrebbe essere il 2. Ora cercate la riga </head> e, subito sopra, incollate questo codice

<b:if cond='data:blog.url == "URL_PAGINA_ARCHIVIO"'>
<style type='text/css'>
#Blog1{
display:none;
margin:0 !important;
padding:0 !important;
height:0;
}
</style>
</b:if>
<b:if cond='data:blog.url == "URL_PAGINA_ETICHETTE"'>
<style type='text/css'>
#Blog1{
display:none;
margin:0 !important;
padding:0 !important;
height:0;
}
</style>
</b:if>
<b:if cond='data:blog.url == "URL_PAGINA_CONTATTO"'>
<style type='text/css'>
#Blog1{
display:none;
margin:0 !important;
padding:0 !important;
height:0;
}
</style>
</b:if>

sostituendo gli indirizzi delle relative pagine statiche. Finalmente salvate il modello. Vanno incollati solo i blocchi di codice relativi al widget che abbiamo deciso di visualizzare nella pagina statica. Come mio solito ho testato questa personalizzazione in un blog di prova

1. Demo dell'Archivio in una pagina statica -
2. Demo delle Etichette in una pagina statica -
3. Demo del modulo di Contatto in una pagina statica -.
4. Demo del Profilo in una pagina statica -

Questo sistema può essere usato sostanzialmente per tutti i widget ufficiali di Blogger come per esempio quelli delle Statistiche, degli Articoli più Popolari o anche quello del Profilo. L'ultimo codice serve per non visualizzare nulla degli elementi del blog nelle pagine statiche con i widget ufficiali. Si può anche decidere di non incollarlo nel modello se invece si preferisce una diversa visualizzazione.