Pubblicato il 24/03/17 - aggiornato il  | 22 commenti :

Banner dei Cookie e Sidebar dei nuovi Temi di Blogger.

La risoluzione a partire da cui viene nascosta la colonna di sinistra dei Temi di Blogger e la personalizzazione del Banner dei Cookie.
Continuo nella disamina necessariamente un po' disordinata di alcune caratteristiche dei Nuovi Temi di Blogger dopo aver effettuato un test sulla loro velocità di caricamento.

Ho preso in esame il primo Tema di quelli denominati Contempo e non posso assicurare che le analisi che andrò a illustrare vadano bene anche per tutti gli altri 19 Temi.

BREAKPOINT DELLA SIDEBAR CHE SCOMPARE

In alcuni commenti ho notato che si rimproverano questi Temi di avere un aspetto significativamente diverso da quello che appare nell'anteprima. In realtà non è proprio così. Bisogna considerare che si tratta di Temi Responsive che quindi si adattano alla risoluzione del dispositivo con cui si aprono.






Se un blog con questo tema si apre con un Monitor 24 pollici da 1920 pixel le zone vuote saranno molto più ampie che con una visualizzazione in un monitor da 20 pollici da 1600 pixel.


risoluzione-temi-blogger

La sidebar resterà visibile fino a una risoluzione di 1440 pixel compresa cioè fino a un monitor da 19 pollici.






breakpoint-sidebar

Gli screenshot precedenti sono stati ottenuti con il tool Screenfly.






BANNER DEI COOKIE DI GOOGLE


Mentre di default nei precedenti modelli il Banner dei cookie veniva mostrato in alto in questi Temi viene mostrato nella parte bassa del layout. Ci sono gli stessi due link con Ulteriori Informazioni e OK.

banner-cookie-google

Se si clicca su Ulteriori Informazioni si aprirà una pagina di Google con le spiegazioni di come vengono utilizzati i cookie del sito. Ovviamente se utilizziamo altri cookie dovremo creare una nostra Privacy Policy. Per cambiare il link e per modificare il testo della informativa sintetica si può usare questo codice

<!-- Personalizzazione cookie inizio-->
      <script type='text/javascript'>
cookieOptions = {msg: &quot;Questo sito usa i cookie di terze parti per migliorare i servizi e analizzare il traffico. Le info sulla tua navigazione sono condivise con queste terze parti. Navigando nel blog accetti l\47uso dei cookie.&quot;, close: &quot;OK Accetto&quot;, learn: &quot;+Informazioni&quot;, link:&quot;https://goo.gl/wuWQ2h&quot;};
</script>
<!-- Personalizzazione cookie fine-->

che va incollato su Tema -> Modifica HTML subito sopra alla riga </head> che si può trovare digitandola nell'apposito campo che si visualizza con la scorciatoia da tastiera Ctrl+F. Il risultato sarà il seguente

banner-cookie-personalizzato

Chi cliccherà sul pulsante +Informazioni aprirà la pagina il cui URL è colorato di rosso e che dovrà essere sostituito dall'indirizzo della vostra Privacy Policy. Il testo dei bottoni è colorato di viola e quello del messaggio è colorato di blu. Per personalizzare colore, sfondo, aspetto dei bottoni, dimensione e tipo di font fate riferimento al post linkato all'inizio di questo capitolo. Presto altre info su questi nuovi Temi di Blogger.




22 commenti :

  1. Grazie Ernesto, anche perché sei tra i pochissimi, se non l'unico, che analizza questa grossa novità di Blogger

    RispondiElimina
  2. Ciao Ernesto, credi che su i temi Emporio e Rilevanti si possa aumentare la dimensione della sidebar a 320-330px senza sacrificare l'area dedicata al corpo del post e tenendo il tutto responsive? Perché in entrambi i casi la dimensione arriva massimo a 280px di conseguenza la maggior parte dei widget e banner consigliati non ha modo di starci. Ho lasciato un feedback a Blogger in merito ma dubito di ottenere risposta. Se si risolve con la sidebar un pensierino lo farei su uno dei due temi vista l'ottima adattabilità e le più che buone prestazioni in caricamento. ;)

    RispondiElimina
  3. Sarebbe interessante sapere il parere per chi ha gia provveduto alla migrazione al nuovo tema, magari segnalandoci il proprio Blog (evitando di inserie il link)

    RispondiElimina
  4. Per rispondere a Francesco che domandava il parere su chi ha già effettuato la migrazione alla nuova tipologia di temi.Praticamente da subito ho provato due temi :Contempo ed Emporio, scegliendo poi quest'ultimo.(specifica indispensabile:io non ho un blog molto seguito)Grazie al lavoro di Ernesto prima avevo un template nativo di blogger (basato sui temi Fantastico)modificato in responsive.Confrontando i due temi sulla velocità di caricamento, almeno due giorni fa era immutata(68 su mobile e 80-81 versione desktop misurata con la sola Speed Page In..). Trovo interessante la sidebar a scomparsa che mi permette di inserire html su misura, il mio blog si trova a questo indirizzo che spero non sia linkabile http://cosdamatti.blogspot.it.Non è che abbia molto da aggiungere, se non che a parte un veloce giro su Screenfly per testare in altre risoluzioni il blog, vorrei vederlo su tablet, cosa che mi accingo a fare in questi due giorni.

    RispondiElimina
  5. Risposte
    1. Grazie Francesco. A parte il discutibile ;) argomento di cui tratti nel tuo blog (si scherza ,eh) avevo avuto occasione di visitare la tua pagina e contraccambio i complimenti anche perché (e malgrado l'impegno di Ernesto per fornire soluzioni ) con il dynamic views più di tanto non si può fare. Anche il sottoscritto ha provato per qualche tempo lo stesso tema magazine che reputo il migliore di quella classe di template per mostrare contenuti.

      Elimina
  6. Ciao Ernesto, ho provato a inserire il tuo codice sostituendo i link ma non funziona. Come mai? Grazie :-)

    RispondiElimina
    Risposte
    1. L'ho testato di nuovo in questo momento e funziona perfettamente. Ipotesi:
      1) Forse non hai aperto il blog con una scheda di navigazione in Incognito
      2) Hai modificato il codice prima di installarlo. Prova a incollarlo così com'è per poi passare alle modifiche successivamente.
      3) Il codice funziona sia sui vecchi modelli sia sui nuovi Temi. Nei vecchi modelli per visualizzare il banner in basso occorre aggiungere questo codice
      <style>
      #cookieChoiceInfo {
      top: auto !important;
      bottom: 0 !important;
      }
      </style>

      @#

      Elimina
  7. Grazie della risposta, ma anche in modalità incognito non funziona.

    RispondiElimina
  8. Io ho provato ad inserirlo ma non mi funziona .Ma gli altri 2 precedenti son da rimuovere ? Grazie per la risposta

    RispondiElimina
    Risposte
    1. Questo codice lo devi incollare senza nessun altro. Si deve vedere solo quello di Google. Lo incolli così com'è e guardi se funziona aprendo una scheda in Incognito. Successivamente passi a effettuare le modifiche
      @#

      Elimina
  9. Grazie , grazie mille volte grazie !

    RispondiElimina
  10. ciao, sul tema emporio di blogger, dopo un paio di giorni mi spariscono i post in home page e non riesco a ripristinarli, in sintesi ogni nuovo post che pubblico va a cancellare quello più vecchio in home page fino a restare solo quello in evidenza... che fare????

    RispondiElimina
  11. Il Tema Emporio è strutturato in quel modo con il Post in Evidenza. Puoi andare su Layout e mettere la spunta su Nascondi nel Post in Evidenza che ne mostra uno soltanto
    @#

    RispondiElimina
    Risposte
    1. Grazie per la risposta, ma probabilmente mi sono spiegato male. Dunque, ho creato il mio blog mettendo in home page 25 post compreso quello in evidenza e fin quì tutto bene, ma dopo un paio di giorni mi sono trovato in home page solo 6 post. Ho verificato che sul corpo pagina vi siano indicati i 25 post e effettivamente ci sono, ho guardato nelle impostazioni e anche lì sono indicati 25 post, ma visivamente in home page ne ho 6. ho caricato un altro post e adesso ne ho 5 compreso quello in evidenza, in pratica ogni post nuovo che pubblico, mi va ad eliminare un'altro in home page. grazie per la risposta.

      Elimina
    2. È normale. Tu puoi impostare il numero di post che ti pare ma Blogger ne mostrerà in Home solo un certo numero. Infatti su Bacheca c'è scritto "mostrare fino a ... post". Più lunghi sono e meno ne mostra. Utilizza il Read More o Inserisci Intervallo per visualizzarne di più
      @#

      Elimina
    3. Grazie mille, problema risolto.

      Elimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.