COME VISUALIZZARE I WIDGET DI BLOGGER NELLA VERSIONE MOBILE

Se avete realizzato il vostro blog ed ora volete pubblicarlo dovete certamente preoccuparvi che il vostro nuovo sito sia web responsive ovvero che sia capace di adattarsi ai diversi media sui quali viene visualizzato e che l'immagine visualizzata dal lettore si adatti a seconda delle dimensioni dello schermo e risponda al comando di rotazione automatica di dispositivi come un cellulare o un tablet.
Se avete utilizzato blogger, la piattaforma di google per la creazione di blog, prima di procedere con la pubblicazione andate alla voce modello:

- Cliccate sul simbolo della ruota dentata in corrispondenza della modalità di visualizzazione del dispositivo mobile

- Selezionate la voce: Si mostra il modello per cellulari nei dispositivi mobili

- Salva

Ora il vostro blog verrà visualizzato sui dispositivi mobili nella versione per cellulari.

Ma questo punto vi accorgerete che tutti i widget che avete inserito e che visualizzate correttamente nella versione desktop sono spariti dalla versione mobile.
Avete due alternative:

1) Decidere di visualizzare sui dispositivi mobili la versione desktop del vostro blog
2) Apportare alcune piccole modifiche al vostro script html

Nel primo caso:

- Tornate alla voce modello

- Cliccate nuovamente sul simbolo della ruota dentata

- Selezionate la voce: No mostra modello desktop nei dispositivi mobili

- Salva

Ora provate a visualizzare il vostro blog su cellulare e vedrete che apparirà in tutto come sul pc.

Nel secondo caso, supponiamo che vogliate far apparire un widget caricato nella versione desktop anche nella versione mobile, basterà individuare il widget da visualizzare:

- Andate nuovamente su modello

- Selezionate modifica html

- Cliccate sulla voce widget ed individuate il nome del widget che vi interessa

- Cliccate con il tasto sinistro del mouse sul testo html del modello che vedete in secondo piano

- Digitate sulla vostra tastiera i tasti Ctrl + F

- Nella finestra che si aprirà digitate il nome del widget, prestando attenzione agli spazi, e fate invio per rintracciare all'interno del testo html il widget, che apparirà evidenziato in giallo

- Cercate questa stringa di testo:

 <b:widget id='Nomewidget' locked='false' title='' type=...

- Sostituitela con:

<b:widget id='Nomewidget' locked='false' mobile='yes' title='' type='...

che è in tutto e per tutto uguale alla precedente con la differenza che adesso, avendo aggiunto la dicitura mobile='yes' il widget verrà visualizzato anche nella versione per dispositivi mobili