Come modificare il colore di sfondo di un singolo gadget in un blog di 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.

come mettere sfondo diverso gadget blogger evidenziare testo

Come aggiungere un foglio di stile CSS in un blog di Blogger

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

Come mettere un gadget in alto nell’Header di 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'>


come aggiungere gadget html javascript banner header blog blospot

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.

come mettere banner intestazione  header blog blogger
Se hai bisogno di:
Consulenza ed Ottimizzazione SEO del blog + Assistenza personalizzata 
una proposta realizzata in modo specifico per gli amministratori di  blog di informazione e intrattenimento (fashion, food, news, travel, personali, shopping, artistici/creativi, etc.) su piattaforma WordPress e su Blogger.  

Puoi trovare i dettagli dell'offerta in questa pagina 


Per i lettori di TEST PER BLOGGER è possibile usufruire di una offerta promo, con una riduzione del 30% rispetto al prezzo indicato, utilizzando in fase di acquisto, direttamente dal sito, il codice promozionale: 

promotestperblogger