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

21 commenti:

  1. Ciao Fabrizio.
    L'ho appena applicato nel mio blog Sinfonia di Voci. Perfetto, volevo dare un po' di risalto al contenuto del gadget.

    RispondiElimina
  2. Benissimo!Grazie per il commento!
    Ciao e buona serata:)
    Fabri

    RispondiElimina
  3. Fabrizio sei sempre una cannonata, adesso vorrei cambiare il colore del testo scorrevile perchè rosso non mi piace. Grazie per questa pagina di vero aiuto, almeno oer me me sono inesperta.Katia di cuorenascoisto.blogspot.com

    RispondiElimina
  4. Grazie a te Katia per i complimenti!
    Sono molto felice che tu abbia apprezzato il post!
    Ciao:)
    Fabri

    RispondiElimina
  5. Caro fabrizio, ho trovato fra le lettere gif, il mio nome (una penna che scrive katia ), ma se la inserisco nel blog me la da come immagine mentre io volevo che risultasse come gif per togliere quel cuore che ho messo. Come Faccio? Grazie

    RispondiElimina
  6. Ciao Katia,
    hai già provato a caricare l'immagine prima su Picasa Web e poi caricarla nel blog utilizzando l'URL diretto all'immagine?
    http://provediblogger.blogspot.com/2011/01/come-inserire-una-foto-caricata-su.html
    Aspetto notizie!
    Ciao e buona domenica:)
    Fabri

    RispondiElimina
  7. Ciao Fabrizio,
    vorrei sapere come devo fare per cambiare le impostazioni del widget "BlogList 1".
    La cosa che mi interessa di più è quella di poter cambiare le dimensioni del thumbnail che secondo me 72 x 72 sono troppo piccoli.
    Mi puoi aiutare
    Grazie

    RispondiElimina
  8. ciao fabrizio!!! sono adri del blog lumaca art, vorrei chiederti un aiuto....come faccio ad introdurre la parola Ti potrebbero anche interessare più le immagine del lavori chi ho fatto precedentemente sul mio blog ?....nn lo so se mi sono fatta capire.!!!!!.....grazie. buona domenica!!!!!!!!!!!ciao.

    RispondiElimina
  9. Ciao Adri,
    puoi utilizzare questa soluzione:
    http://provediblogger.blogspot.it/2010/01/come-aggiungere-nel-blog-con-linkwithin.html
    Ciao e buona domenimca anche a te!
    Fabri

    RispondiElimina
  10. grazie mille!!!!!!!!!!!!!!

    RispondiElimina
  11. Grazie a te per il commento!
    Ciao:)
    Fabri

    RispondiElimina
  12. ciao!
    io vorrei fare il contrario...mi spiego meglio...nei post del blog quando metto la firma creata...scegliendo uno sfondo trasparente...x far si che risalti solo la scritta...in un blog mi riesce come voglio io...in questo... http://lacucinadinonnapapera.blogspot.it/2012/09/anellini-siciliani.html

    nell'altro, no c'e' lo sfondo bianco ed impattante sulla pagina del post...

    questo
    http://ilmondoverdedinonnapapera.blogspot.it/

    ho guardato le impostazioni del blog su personalizza...ma le funzioni sfondo sono diverse...

    ti ho messo il link xchè credo che sia più semplice x te vedere ciò che tento di spiegare...

    mi riferisco alla scritta animata...nonna papera

    grazie molte e perdono se ho sbagliato la sezione argomenti...

    RispondiElimina
  13. @nonna papera
    Se il problema non dovesse essere già superato inviami una mail
    castellifabrizio@gmail.com
    Ciao e buona giornata!
    Fabri

    RispondiElimina
  14. ciao ho un blog dedicato alla luna http://oracolo-oggi.blogspot.it/ vorrei inserire il gadget di google sulla luna, ma non mi piace il colore di sfondo, va in contrasto con tutto l' aspetto della home, si puo' fare qualcosa?

    RispondiElimina
  15. Ciao Francesco,
    hai già provato se è possibile utilizzare la soluzione indicata in questo post?
    Ciao
    Fabrizio

    RispondiElimina
  16. Complimenti, un bel blog davvero. Chiaro, conciso e puntuale anche per chi non ha nessuna conoscenza nel campo e vuole gestire un blog, come me :)
    Un saluto

    RispondiElimina
  17. @Perla Dell'abisso
    Grazie di cuore per i complimenti,sei molto gentile:)
    Ciao e buona giornata!
    Fabri

    RispondiElimina
  18. Ciao Fabrizio, seguo spesso i tuoi tutorials e mi hanno aiutato in molte occasioni. Forse l' hai già spiegato e in tal caso mi scuso se ti faccio ripetere, ma potresti spiegarmi come faccio a inserire il titolo dei gadget di blogger (quelli nella barra laterale) in un riquadro di un colore diverso rispetto allo sfondo del blog?? Solamente il titolo, non il gadget intero Grazie mille dell' aiuto.

    RispondiElimina
  19. Ciao Carlo ,
    prova ad inserire con la procedura http://testperblogger.blogspot.com/2010/12/come-aggiungere-un-foglio-di-stile-css.html il seguente CSS:

    .sidebar h2 {
    background-color: #ff0000;
    }

    Se dovesse funzionare potrai modificare il colore #ff0000
    con il colore esadecimale che preferisci
    http://stampaper.blogspot.it/2010/08/come-conoscere-codice-esadecimale-di-un.html
    Ciao
    Fabrizio

    RispondiElimina

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