Test per blogger

Per cambiare il colore di sfondo solo in un gadget HTML/Javascript o in un diverso widget tra quelli presenti nella sidebar di un blog di Blogger,in modo da mettere in maggior risalto il suo contenuto,è possibile aggiungere da “Aggiungi un CSS” il seguente foglio di stile CSS

#HTML1 {
background-color: #ff0000;
}

Nel codice indicato è necessario sostituire  a HTML1 lo specifico Widget ID del gadget HTML/Javascript al quale si desidera cambiare il colore di sfondo per evidenziare il suo contenuto o il testo inserito al suo interno.
E’ possibile modificare anche il colore dello sfondo da applicare e sostituire quindi,nel codice indicato sopra, a #ff0000 (rosso) il codice esadecimale del colore preferito.

Per aggiungere un foglio di stile CSS al codice HTML del template in un blog di Blogspot è possibile seguire le indicazioni di questo post:
Come inserire un CSS in un blog su Blogger

Per aggiungere in un template di Blogger,nel quale non è prevista questa possibilità,un ulteriore elemento “Aggiungi un gadget” posizionato in alto sopra il modulo “Intestazione” in modo da poter inserire anche in quella posizione un banner,una foto,un modulo pubblicitario di Adsense oppure altri elementi da inserire in un gadget HTML/Javascript  o in un diverso gadget è possibile utilizzare una modifica al template accedendo dalla Bacheca di Blogspot alla sezione “Design”>”Modifica HTML”.
Dopo aver salvato per sicurezza una copia del template ed aver individuato nel codice HTML del template con una scorciatoia da tastiera il rigo:

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

Bisognerà sostituirlo con:

<b:section class='header' id='header' maxwidgets='2' showaddelement='yes'>

A questo punto,dopo aver controllato per sicurezza il blog in anteprima e cliccato su “Salva modello” per rendere effettiva la modifica,sarà disponibile direttamente nella sezione “Design” >”Elementi pagina” nella parte superiore del layout un modulo supplementare “Aggiungi un gadget” da utilizzare per mettere in alto nell’Header un banner un testo o un’immagine da visualizzare sopra l’Intestazione con il titolo e la descrizione del blog.

Per aumentare la dimensione complessiva delle colonna centrale e di quelle laterali di un blog su Blogger oltre la misura di 1000 pixel che è possibile impostare direttamente dal Designer di Modelli bisogna inserire dalla bacheca di Blogger in “Design”>”Modifica HTML una modifica HTML al template.
Dopo aver salvato per sicurezza una copia del template ed individuato con una scorciatoia da tastiera il rigo con il codice:

<b:template-skin>

è possibile sostituire nel rigo subito sotto:

<b:variable default='930px' name='content.width' type='length' value='1000px'/>

al valore impostato a 1000 px nella porzione “value='1000px” la larghezza in pixel che si desidera applicare al template del blog su Blogger.

 
Subito dopo l’inserimento della modifica per allargare il modello di Blogger (es. 1040 pixel) è possibile cliccare su “Anteprima” per controllare il risultato ed eventualmente salvare il template, con le nuove impostazioni di larghezza applicate,cliccando sul tasto “Salva modello”.
Da questo momento,come è visibile in Test per blogger,la larghezza complessiva in px del template del blog su Blogger sarà quella inserita nel codice HTML del modello.
Questa nuova dimensione in pixel sarà a disposizione nella sezione “Layout” del Designer di Modelli per impostare la larghezza della colonna centrale del post e della sidebar del blog di Blogspot

Per mettere il gadget “Elenco blog”di Blogspot ,che consente di visualizzare il blogroll con i blog preferiti, solo in una pagina statica del blog è possibile,dopo aver creato una pagina con il solo titolo come questa: I blog che seguo e posizionato il gadget “Elenco blog personale” sotto al modulo del post,inserire una modifica HTML da “Design”>”Modifica HTML” per visualizzare il gadget solo in quella pagina

 
Dopo aver salvato per sicurezza una copia del template  e selezionato la funzione “Espandi modelli widget” bisognerà individuare con una scorciatoia da tastiera BlogList1 che è il codice che identifica il widget nel template.
Dopo averlo trovato è necessario inserire dopo:

<b:widget id='BlogList1' locked='false' title='Elenco blog personale' type='BlogList'>
<b:includable id='main'>

Il seguente codice (nel quale andrà inserito l’URL della pagina creata in precedenza):

<b:if cond='data:blog.url == "URLdella paginadelblog"'>

E più in basso bisogna aggiungere prima di:

</b:includable>
</b:widget>

Il seguente codice:

</b:if>

Subito dopo è sufficiente cliccare su “Salva modello” per visualizzare il widget del blogroll con i “blog che seguo” in una pagina aggiuntiva di un blog di Blogger.

Per vedere interamente il codice HTML di un elemento gadget /widget in un blog di Blogger è necessario utilizzare questa funzione:

Come attivare lo strumento “Espandi i modelli Widget” in un blog di Blogger

Per trovare rapidamente una stringa di codice HTML in un template di Blogger è possibile utilizzare questa soluzione:

Come cercare con facilità un rigo nell’HTML o in un termine in una pagina web

Per creare un file con il backup del template è possibile seguire le indicazioni di questo post:
Come salvare la copia di sicurezza del template di Blogger