Pubblicato il 29/06/13 - aggiornato il  | 3 commenti :

Mostrare in Blogger il widget Elenco di Blog in una pagina statica.

Come visualizzare il widget blogroll, blolist o elenco di blog di Blogger in una pagina statica.
Dopo aver ricevuto almeno due commenti su come si possa visualizzare il BlogRoll o Elenco di Blog in una pagina statica ho deciso di farci un post perché sembra che la cosa possa interessare diversi lettori. Non si può trasportare il codice del gadget dal modello nell'HTML di una pagina statica perché non funzionerebbe ma si può usare lo stesso widget insieme ai tag condizionali per mostrarlo nella area principale del sito subito sopra a una pagina statica che avremo precedentemente pubblicato senza contenuti.

Dobbiamo ovviamente installare il widget del BlogRoll nel blog andando su Aggiungi un gadget > Base > Elenco di Blog e configurandolo secondo le nostre esigenze

elenco-di-blog

Si possono aggiungere gli URL dei siti, i blog che si seguono con il gadget dei Lettori fissi oppure importare le sottoscrizioni da Google Reader. Quest'ultima opzione sarà valida solo per altri due giorni perché a partire dal 1 Luglio Google Reader cesserà di esistere. Finita la configurazione si scelgono le opzioni di visualizzazione, il suo ordinamento e il titolo del widget

widget-lettori-fissi

Si può decidere di mostrare o meno tutta una serie di elementi che sono l'Icona, il Titolo del post più recente, lo snippet o incipit dell'ultimo articolo, la miniatura del post e la data dell'ultimo aggiornamento. Si clicca su Salva e si posiziona il widget subito sopra a Post sul blog in questo modo

elenco-blog

Si va in alto su Salva disposizione. In questo modo il widget sarà però visibile in tutte le pagine del blog. Dobbiamo quindi introdurre dei tag condizionali per renderlo tale solo in una determinata pagina. Tale pagina prima dovrà essere ovviamente pubblicata. Si va su Pagine > Nuova Pagina > Pagina Vuota

pubblicare-pagina-blogger

L'URL della pagina sarà funzione del suo titolo. La pagina dovrà essere pubblicata senza nessun contenuto. Si acquisisce l'indirizzo della pagina che sarà simile a questo

http://nuovo-blog-di-prova.blogspot.it/p/elenco-blog.html

dove il titolo della pagina in rosso ha generato l'ultima parte dell'URL. Se avete una blog gratuito modificate tale indirizzo sostituendo al dominio localizzato quello canonico con .com

http://nuovo-blog-di-prova.blogspot.com/p/elenco-blog.html

Andate adeso su Modello > Modifica HTML > Vai al widget > Bloglist1

modello-blogger-bloglist

Si visualizzerà il codice del widget in modo collassato. Per vederlo tutto dovremo cliccare due volte nelle freccette nere presenti accanto ai numeri di riga sulla sinistra

aprire-codice-widget

Individuiamo la riga <b:includable id='main'> e, subito sotto incolliamo  il tag condizionale

<b:if cond='data:blog.url == &quot;http://nuovo-blog-di-prova.blogspot.com/p/elenco-blog.html&quot;'>

dove al posto dell'URL in rosso incollate l'indirizzo della vostra pagina statica in questo modo

tag-condizionale

Più in basso individuiamo la riga </b:includable> e, subito sopra, incolliamo la seconda parte del tag </b:if> in questo modo

tag-condizionale[5]

Si salva il modello. Adesso il widget del BlogRoll sarà visibile solo nella nostra pagina statica



Questo procedimento è sostanzialmente identico a quello usato per creare un aggregatore di siti.



3 commenti :

  1. grazie sempre, Ernesto!!! :-)
    ascolta, ma in una pagina statica, mettere proprio l'elenco dei post così come compare nella home, si potrebbe fare?
    Mi piacerebbe far comparire giusto un accenno di essi nella home (3 articoli), ma dedicare una pagina statica con 10 e più articoli alla volta.
    E' possibile, senza usare il blog roll?
    Ho provato a fare questo blog roll, però nella pagina statica poi c'è il riquadro colorato relativo alla pagina stessa con relative icone di condivisione e scritta "home page" immediatamente sotto di esso.
    Spostando il blog roll nel layout, il riquadro/pagina si vede sopra o sotto di esso....
    Grazie sempre Ernesto! :-)

    RispondiElimina
    Risposte
    1. Qui ci sono tre soluzioni. Guarda se almeno una ti soddisfa. P.S Si tratta di codici molto vecchi 😔
      https://www.ideepercomputeredinternet.com/2016/07/mappa-sito-blogger-miniature.html
      https://www.ideepercomputeredinternet.com/2016/10/mappa-sito-blogger-lettori.html
      https://www.ideepercomputeredinternet.com/2015/05/blogger-sitemap.html

      @#

      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