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
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
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
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
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
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
Individuiamo la riga <b:includable id='main'> e, subito sotto incolliamo il tag condizionale
<b:if cond='data:blog.url == "http://nuovo-blog-di-prova.blogspot.com/p/elenco-blog.html"'>
dove al posto dell'URL in rosso incollate l'indirizzo della vostra pagina statica in questo modo
Più in basso individuiamo la riga </b:includable> e, subito sopra, incolliamo la seconda parte del tag </b:if> in questo modo
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.
Grazie!!!!!! <3
RispondiEliminagrazie sempre, Ernesto!!! :-)
RispondiEliminaascolta, 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! :-)
Qui ci sono tre soluzioni. Guarda se almeno una ti soddisfa. P.S Si tratta di codici molto vecchi 😔
Eliminahttps://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
@#