Pubblicato il 15/09/13 - aggiornato il  | 7 commenti :

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

gadget-blogger

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

tag-condizionali

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
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.


7 commenti :

  1. Ciao Ernesto, ho provato ad aggiungere questo widget per mostrare in una pagina gli archivi, ma non me lo fa aggiungere da Layout perché è un gadget che ho già messo
    Inoltre volevo chiederti: sai come posso eliminare dall'archivio/elenco dei post il numero dei post per ogni mese? Io ho messo una gerarchia con archiviazione mensile e che mostra solo i titoli dei post - Grazie

    RispondiElimina
    Risposte
    1. Non si possono inserire due o più widget dell'Archivio mentre lo si può fare con il widget delle Etichette. Per la seconda domanda non sono in grado di dirti se sia possibile farlo. Prova ad analizzare il gadget con questo strumento
      http://www.ideepercomputeredinternet.com/2014/12/analizza-elemento-firefox.html
      @#

      Elimina
    2. Questo commento è stato eliminato dall'autore.

      Elimina
    3. sono riuscita a togliere il numero dei post nell'archivio,
      scrivo qui come ho fatto nel caso servisse a qualcuno
      (con il mio template funziona, non so se va bene per tutti)

      è sulla classe 'post-count' che bisogna agire, in questo modo:

      andare su layout >design modelli > avanzato >aggiungi css :
      mettere:

      .post-count {
      display:none;
      }

      Elimina
  2. Ho seguito le procedure indicate per inserire il widget "etichette" su una pagina statica. Il risultato è perfetto. Il problema è che quando accedo al blog da un dispositivo mobile android, il widget in questione non appare. Come posso risolvere?

    RispondiElimina
    Risposte
    1. Di default i widget di questo tipo non appaiono nella versione mobile. Si può provare a risolvere ma non garantisco che funzioni. Leggiti questo post
      https://www.ideepercomputeredinternet.com/2013/12/blogger-widget-versione-tablet-smartphone.html
      nella seconda sezione dal titolo
      COME MOSTRARE ELEMENTI NELLA VERSIONE MOBILE
      In sostanza basterà aggiungere mobile='yes' nella riga del widget. Salvi il modello e poi guardi se funziona
      @#

      Elimina
    2. Purtroppo non funziona. Grazie mille lo stesso!

      Elimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti.
Info sulla Privacy