Come mostrare un widget nella versione mobile di un sito

Sulla piattaforma Blogger è molto semplice aggiungere degli widget grazie alla personalizzazione del layout.

Quelli predefiniti, come ad esempio il profilo e i tag, vengono visualizzati sia nella versione desktop sia in quella mobile del blog.
Ma quelli che aggiungiamo noi vengono mostrati solo nella versione desktop e perciò dovremo fare alcune modifiche al tema per fare in modo che vengano mostrati sempre.

Sapete come fare?

Come mostrare un widget nella versione mobile

Mostrare un widget nella versione mobile del proprio sito è abbastanza semplice e ora vi mostro come fare nella pratica.
Non temete di fare dei danni, nel caso la vostra conoscenza del codice html sia limitata, perché si può sempre tornare indietro alla versione precedente del tema.

Per questo vi invito a scaricare il tema, facendo il backup, prima di fare ogni modifica ai codici. Questa è molto semplice per cui gli esperti possono anche non farlo!

Dopo aver inserito un nuovo widget questo apparirà solo nella versione desktop, nel caso in cui si abbia scelto di personalizzare la versione mobile del tema.

A questo punto la prima cosa è di andare nel layout e aprire il nuovo widget che vogliamo appaia anche nella versione mobile.

Si verifica quale sia il nome di questo widget, quello che appare dopo Id, in questo caso è HTML2.

Dopo aver fatto questo si va su tema e si fa modifica html e si clicca su vai al widget, nella nuova versione di Blogger le schermate sono differenti dalle precedenti, ma le funzioni restano uguali.

Cliccando sopra si possono vedere tutti gli widget presenti e si può scegliere quello che vogliamo modificare.

A questo punto si vedrà tutto il codice presente nel tema relativo al widget che desideriamo modificare.

Si deve cercare la parte del codice html che ho evidenziato sopra, ovvero quella con locked, title, type.
Dopo locked si deve aggiungere una stringa di codice che permette di far visualizzare il widget nella versione mobile.

Per mostrare un widget nella versione mobile di un sito si deve aggiungere il codice mobile='yes' che, come dice il nome, permette di renderlo visibile da smartphone o tablet.

Sempre da qui si può mettere un codice per far visualizzare un widget solo nella versione mobile e non in quella widget.
Il codice html è mobile='only'

Se, invece, vogliamo non far vedere un widget presente in entrambe le versioni dobbiamo inserire il codice mobile='no'

Come vedete la modifica da fare è veramente facilissima e bisogna ricordarsi di farla ogni volta che inseriamo un nuovo widget sul blog, perché altrimenti non verrà mostrato nella versione mobile.

La personalizzazione predefiniti di Blogger è relativamente facile da fare. Invece se si installano dei temi esterni, magari più moderni, tutto cambia e le modifiche diventano più complesse da fare.