5 settembre 2018

26 commenti Condividi il post

Come "colorare" le barre del browser su smartphone quando si visita il proprio blog

mobile browser
Avete mai notato che visitando da smartphone alcuni siti il colore delle barre del browser cambia? Appaiono non con i soliti "grigio e nero" ma colorate con i colori del marchio dell'azienda.

Per capire di cosa sto parlando ecco alcuni esempi.

E da oggi anche vistando il mio blog le barre del browser diventano tutte rosa!

Se anche voi volete colorare le barre del browser, quando si visita il vostro blog da smartphone, con il colore che più preferite allora non dovete far altro che aggiungere poche righe di codice nel template.


Backup template
Come sempre vi consiglio di fare il backup del template prima di mettere mano al codice.


Cliccate sul pulsante che trovate di seguito, poi selezionate il vostro colore preferito e copiate il codice che compare nel box di testo:



Ora dovete incollare il codice nel vostro template quindi andate in Tema e cliccate sul pulsante Modifica HTML.

Cercate la riga di codice

<b:include data='blog' name='all-head-content'/>

che si trova tra le prime come mostrato di seguito


ed incollate il codice per le barre colorate subito sopra di essa come mostrato di seguito


Ora non vi resta che salvare le modifiche cliccando sul pulsante Salva tema e visitare il vostro blog da smartphone!


Serve aiuto?
Se non ve la sentite di mettere mano al codice del template temendo di combinare pasticci, contattatemi pure. Vi aiuto più che volentieri!
Se mi aggiungete come amministratore ci penso io.

Newsletter by follow.it


Copyright © Iole - Non è consentito ripubblicare, anche solo in parte, i post di questo blog senza l'esplicito consenso dell'autrice.

26 commenti

  1. Molto interessante brava come sempre. Buona giornata 😚

    RispondiElimina
  2. Grazie come sempre, Iole! Io ho seguito tutte le istruzioni ma continuo a vedere la barra sempre uguale, quale può essere il motivo?

    RispondiElimina
    Risposte
    1. @wolenboeken: visitando da smartphone il tuo blog, le barre colorate appaiono solo per la versione web. Quindi significa che il tema per dispositivi mobili è impostato su "Predefinito" e non viene personalizzato. Per modificarlo vai in Tema e clicca sull'icona a forma di ingranaggio che si trova sotto il tema "Cellulare", poi seleziona l'opzione "Personalizza" al posto di "Predefinito".

      Elimina
    2. Fatto, non è cambiato niente. Ho visto anch'io che nella versione web la barra è colorata. Boh, non capisco. (Grazie comunque dell'aiuto!)

      Elimina
    3. @wolenboeken: ho appena controllato e le barre adesso sono colorate anche per la versione mobile.

      Elimina
    4. Adesso anch'io da Chrome la vedo colorata. Grazie mille di nuovo ♥

      Elimina
  3. 6 bravissima come sempre a condividere con noi qst utilità. Un abbraccio

    RispondiElimina
    Risposte
    1. @Fioredicollina: condivido sempre volentieri con i miei lettori i trucchetti per personalizzare e abbellire il blog ;)

      Elimina
  4. Questo commento è stato eliminato dall'autore.

    RispondiElimina
  5. ciao iole ti volevo chiedere se sai come si collega la pagina facebook al blog. Grazie

    RispondiElimina
    Risposte
    1. @Anonimo: cosa intendi di preciso con "collegare la pagina Facebook al blog"?

      Elimina
  6. Sempre bravissima cara Iole e sempre generosa.
    Grazie di cuore!
    Un abbraccio
    Maria

    RispondiElimina
    Risposte
    1. @Maria Brentegani Portugalli: grazie mille cara ^_^

      Elimina
  7. Molto carina l'idea,io però non ho pratica per inserire codici. Peccato. Complimenti per le tue novità. Bacioni ^_^

    RispondiElimina
    Risposte
    1. @Saray: se ti serve aiuto per questo o per altri codici, sono qui a disposizione. Basta che mi aggiungi come amministratore e mi occupo volentieri io di modificare il template.

      Elimina
    2. Ti ringrazio Iole cara. Intanto ho preso l'alberino di natale e la corona dell'avvento. Grazie mille per le belle cose che fai ^_^

      Elimina
  8. Ciao molto interessante il tuo blog, mi sono aggiunta ai tuoi lettori ;)
    Se ti fà piacere di passare dal mio, ti lascio il link

    - Petali di rosa https://giusi3222.blogspot.com/
    - Tra le spezie https://tralenotedellespezie.blogspot.com/

    A presto
    Giusi

    RispondiElimina
    Risposte
    1. @Giusi: benvenuta nel mio blog e grazie mille per i complimenti!
      Passo volentieri a visitare i tuoi blog ;)

      Elimina
  9. @Iolecal ciao hai mai pensato di fare un tutorial per quale che vorrebbe creare una copertina per un blog?

    RispondiElimina
    Risposte
    1. @Mary Ippolito: cosa intendi per copertina per blog?

      Elimina
    2. Il banner del blog come quello che ti sei fatta tu

      Elimina
    3. @Mary Ippolito: tutto ciò che vedi nel mio blog l'ho fatto io. Per farlo ti serve un buon programma di grafica.

      Elimina
  10. Bellissima anche questa personalizzazione! Grazie di 💕!!

    RispondiElimina

flag counter
This blog by Iole is licensed under a Attribution-NonCommercial-NoDerivs 3.0 Unported License.
 Design by Iole | Privacy Policy | Cookie Policy