Come visualizzare sul PC la versione per smartphone di un blog su Blogger

Per vedere sullo schermo del PC o del notebook la versione per dispositivi mobili di un blog di Blogger (attivabile nella Bacheca di Blogger da "Impostazioni">"Modello">"Cellulare")  così come la vedono i lettori che si collegano al blog con uno smartphone è possibile aggiungere all'URL del blog di Blogspot (o del dominio personalizzato) la query   /?m=1

Per controllare quindi la versione per smartphone sarà necessario inserire l'URL nella barra degli indirizzi del browser che si utilizza, per i blog di Blogger con dominio personalizzati in questa forma:
 http://www.viaggiareconilweb.com/?m=1
oppure per i blog di Blogspot in questo modo:
http://fabriziocastelli.blogspot.com/?m=1

! Attenzione !

Al momento disattivare la versione per dispositivi mobili di Blogger disabilita contemporaneamente le funzionalità "Avanzate" del Designer di Modelli che non potranno più essere utilizzate se non ripartendo da una versione senza personalizzazioni di un template di Blogger.

Come centrare il contenuto del gadget Statistiche di Blogger con un CSS

Per posizionare al centro il contenuto del gadget contatore delle "Statistiche" in un blog di Blogger è possibile, seguendo la procedura per inserire un CSS dal Designer di Modelli, utilizzare il seguente foglio di stile CSS:

#Stats1{ 
text-align:center; 
}

L'inserimento del CSS consente di mettere al centro del gadget, posizionato nella sidebar o nel footer, i dati relativi alle visualizzazioni totali e il grafico delle visite del blog presente nel modulo.

Come creare GIF animate dalle proprie foto direttamente online

Per realizzare GIF animate da immagini o foto conservate sul proprio PC , da URL già online o da Webcam è possibile utilizzare direttamente su Internet il servizio Picasion GIF Maker
L'applicazione web Picasion consente infatti di caricare tramite il tasto "Scegli file" le foto dal proprio PC (è possibile aumentare il numero delle immagini da inserire nella GIF animata da "Add one more picture") che, dopo aver impostato la dimensione (Size) e la velocità (Speed),verranno mostrate in sequenza nella GIF animata da creare.
Dopo aver cliccato su "Create Animation" nella schermata successiva si potrà ottenere il link diretto alla GIF, il codice HTML da utilizzare per incorporare l'immagine creata nel blog di Blogger (tramite il gadget HTML/Javascript) o di Wordpress (in un widget "Testo")  il BBcode da utilizzare per i Forum e, da "Save this animation" sarà possibile scaricare la Gif animata sul proprio computer.

Come centrare la didascalia in un gadget FOTO di Blogger

Per posizionare al centro il testo utilizzato come "Didascalia" sotto ad una immagine inserita nel layout del blog tramite il gadget "Foto"di Blogger (come il banner di Prove di blogger presente nella colonna laterale di Web per blog ) è possibile inserire il testo nell'apposito campo "Didascalia" della finestra di configurazione del gadget Foto in questa forma:

<div style="text-align:center;">Testo della didascalia</div>

Nello stesso banner per centrare la foto rispetto alla colonna che la ospita nel blog di Blogger è stata utilizzata questa soluzione:

Come centrare l'immagine inserita in un gadget FOTO di Blogger con un CSS

Per centrare i titoli dei gadget (nell'esempio: Realizzato con) presenti nella sidebar di Blogspot è possibile utilizzare il seguente procedimento:

Come centrare il titolo dei gadget in un blog di Blogger

Per chi desiderasse aprire il link del gadget "Foto" in una nuova finestra del browser è possibile applicare una modifica direttamente nel codice HTML del blog

Come aprire il link del gadget FOTO in una nuova finestra del browser in un blog di Blogger

Come evidenziare in grassetto le etichette dei post di Blogger

Per visualizzare in grassetto e mettere così in maggior evidenza le etichette presenti nel gadget "Etichette" della sidebar di Blogger è possibile aggiungere, utilizzando la procedura per aggiungere un CSS ,il seguente foglio di stile:


#Label1 {
font-weight: bold;
 }

leggi anche...
Come cambiare il colore delle etichette nella Tag Cloud di Blogger con un CSS dal Designer di Modelli

Come avere le foto di uguale larghezza nei post di Blogger

Per inserire in Blogger le immagini dei post con una larghezza fissa ed uguale in tutti i post è possibile aggiungere dal Designer di Modelli, utilizzando la procedura per aggiungere un CSS ,il seguente foglio di stile CSS:

.post-body img { width: 450px; height: auto;
}

Il valore di larghezza in pixel (450) che imposta in modo automatico le foto del blog può essere eventualmente aumentato o diminuito in base alla dimensione della colonna del post che le contiene.

Come visualizzare le immagini con Lightbox in un blog di Blogger

Per mostrare le foto del blog su Blogger con la visualizzazione Lightbox che permette al lettore ,dopo aver cliccato su una foto,di visualizzare l'immagine in una nuova finestra sovrapposta al blog è possibile selezionare in "Impostazioni">"Post e Commenti" dal menu a tendina alla destra di "Mostra immagini con Lightbox" la voce "SI" e cliccare poi in alto a destra su "Salva Impostazioni".

L'opzione,se il post comprende più immagini, consente di vederle tutte in sequenza ed anche disponibili come miniature nella parte bassa della finestra indipendentemente dal fatto che siano caricate sul blog di Blogspot o inserite da URL esterni o di altri servizi di hosting online per immagini.

(Nella precedente bacheca di Blogger è possibile attivare la funzione Lightbox da "Impostazioni">"Formattazione")

Come centrare il titolo dei gadget in un blog di Blogger

Per posizionare al centro il titolo dei gadget della colonna laterale in un blog di Blogger è possibile,seguendo la procedura per inserire un CSS dal Designer di Modelli,utilizzare il seguente foglio di stile CSS:

.sidebar h2 {
text-align:center;
}

che consente di mettere al centro il titolo dei widget della sidebar come visibile in comefareblog.blogspot.com

Come ingrandire il link “commenti” nella Home Page di un blog di Blogger

Per mettere in maggior evidenza,in un blog di Blogger, il link “commenti” che mostra il numero dei commenti già postati e che collega alla pagina del post nella quale si possono leggere i commenti dei lettori ed inserire nuovi commenti è possibile utilizzare un foglio di stile CSS da applicare al blog dal Designer di Modelli .

Il CSS che permette di modificare ed aumentare la dimensione in pixel del carattere, come visibile sotto ai post nella Home Page di Test per blogger, è il seguente:

.post-comment-link {
font-size: 16px;
}

e può essere aggiunto al codice del template utilizzando direttamente la procedura per inserire un CSS in Blogger .


Per impostare una diversa grandezza del font del link “commenti” rispetto a quella che si ottiene inserendo il CSS è sufficiente cambiare il valore in pixel (16) con un numero maggiore o minore in base alla dimensione che si desidera visualizzare nella Home Page di un blog su Blogger.

Come visualizzare un gadget solo in un post o in una specifica pagina di un blog su Blogger

Per inserire nel layout di un blog su Blogger un gadget da far vedere ai lettori solo in uno specifico post è possibile aggiungere dalla Bacheca di Blogger in “Design”>”Modifica HTML” una “condizione” che consenta di ottenere questo tipo di visualizzazione del gadget nella sidebar del blog.
Dopo aver,per sicurezza,salvato una copia del template e selezionato lo strumento “Espandi modelli widget” bisognerà trovare con una scorciatoia da tastiera  inserendo nella casella di ricerca il codice che identifica il gadget  (nell’esempio in basso HTML1)  la sezione di codice HTML che si riferisce al widget che si desidera mostrare solo in un post o in una singola pagina statica.
Individuata la sezione di codice HTML del gadget è necessario inserire subito dopo la stringa:

<b:widget id='HTML1' locked='false' title='' type='Text'>
<b:includable id='main'>

Il seguente codice:

<b:if cond='data:blog.url == "URLdelPost"'>

e subito prima di:

</b:includable>
</b:widget>

Bisognerà aggiungere il codice HTML:

</b:if>

 

Questa modifica (da salvare cliccando a destra su “SALVA MODELLO”) consente,sostituendo nel codice aggiuntivo a URLdelPost l’esatto indirizzo del post ,di rendere visibile un gadget presente nella colonna laterale di un blog di Blogger solo ai visitatori di quella specifica pagina che contiene il post.