Come risolvere problemi di layout nei template delle Visualizzazioni Dinamiche di Blogger

Per superare alcuni inconvenienti relativi alla corretta visualizzazione nel browser web  degli elementi del Layout e della grafica dei modelli delle Visualizzazioni Dinamiche di Blogger al momento può essere utile intervenire direttamente con una modifica HTML nel codice del template di Blogger.
La modifica prevede, dopo aver individuato con una scorciatoia da tastiera specifica per Blogspot, lo script:

<script language='javascript' type='text/javascript'>
      setTimeout(function() {
        blogger.ui().configure().view();
      }, 0);
    </script>

la sostituzione nel codice del valore 0 con il valore 800 in modo da vedere correttamente, in attesa di una risoluzione definitiva di questo tipo di inconveniente, il blog di Blogspot che utilizza come modello un template delle Visualizzazioni Dinamiche di Blogger,






Come aggiungere gli attributi ALT e TITLE alle immagini inserite in un post di Blogger

Per far conoscere ancor meglio a Google il contenuto delle foto postate in un blog di Blogger ed ottimizzare così in ottica SEO le immagini presenti in un post  è possibile aggiungere al tag IMG delle foto l'attributo ALT (alternativo) e l'attributo TITLE da mettere direttamente dalla barra degli strumenti che si visualizza dopo aver caricato una foto nel post dall'apposito strumento di inserimento immagini dell'editor di Blogger.



Come aggiungere attributi ALT e TITLE alle immagini in Blogger



Per aggiungere quindi al tag IMG dell'immagine con l'attributo ALT un testo alternativo che descrive il contenuto dell'immagine e con l'attributo TITLE ulteriori informazioni sull'immagine (che si visualizzano in un tooltip passando con il mouse sopra l'immagine) possiamo cliccare sul link "Proprietà" sull'icona a forma di ingranaggio "Cambia" della barra per aprire la finestra che consente l'inserimento degli attributi ALT e TITLE alle foto di Blogspot direttamente con l'editor in modalità "Scrivi" senza dover aggiungere gli attributi in modo manuale in modalità HTML




Procedura di inserimento attributi ALT e Tittle alle immagini in Blogger



In "Proprietà Immagine" "Modifica Immagine" bisognerà riempire gli appositi campi per l'attributo ALT lo spazio "Testo alternativo" e per l'attributo TITLE il campo "Testo del titolo" con i contenuti testuali che servono per descrivere in modo più completo e diretto al motore di ricerca di Google cosa rappresenta l'immagine inserita nel post di Blogger.


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.


Cerca tra gli appunti per Blogger !

Ricerca personalizzata