Pubblicato il 18/05/13 - aggiornato il  | 1 commento :

Come sostituire l'icona dell'ingranaggio con un'altra GIF animata nei template di Blogger a Visualizzazione Dinamica.

Come visualizzare un'altra immagine animata durante il caricamento di un blog di Blogger a Visualizzazione Dinamica.
I modelli di Blogger a Visualizzazione Dinamica o Dynamic Views in genere sono refrattari alle personalizzazioni visto che si possono effettuare solo piccole modifiche mirate a singoli elementi del layout. Una delle mancanze più sentite è quella delle sidebar che servono negli altri template per sistemare i vari widget. E' possibile mantenere la barra verticale dei gadget sempre visibile e nascondere dei singoli elementi ma si può fare poco più. Certamente avrete notato l'immagine animata che appare nei template Dynamic Views per un attimo prima che venga visualizzato il blog.

E' una icona che avverte il lettore che il sito si sta caricando e che viene usata anche nel nuovo Editor HTML di Blogger quando si va su Anteprima Modello. Vediamo come sostituire questa animazione con un'altra che sia particolarmente originale e adatta al tema del sito. Occorre quindi cercare o creare una immagine in GIF per poi caricarla in un album pubblico di Picasa. L'obiettivo è il seguente

personalizzazione-icona-blogger

La gif dell'ingranaggio può essere sostituita da una animazione anche molto più grande visto che lo spazio non manca. Si va su Modello > Personalizza > Avanzato > Aggiungi CSS e in alto a destra si incolla questo CSS, si pone il cursore dopo l'ultima parentesi graffa e si pigia su Invio

.blogger-gear, .overview-sspe {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIm2FJyhX6qr48_XnVZzYEykuR5ruMt71mtc5YCISwyWHZg2QCLut7EtILVrBjRULKmF_NCv-ILEmCScTMmJXTF-rS_ftdhnkzZoAm3j8KnCHSGPE1o31MyvrHLy2jbLwjH9DtUhcOGao/s256/transformers.gif) !important;
height:250px !important;
width: 250px !important;
}

Per un attimo nell'anteprima in basso visualizzeremo la nostra GIF durante il caricamento. Si va in alto a destra su Applica al blog e il gioco è fatto. Ovviamente i parametri in rosso che rappresentano l'URL della immagine e le sue dimensioni possono essere modificati a piacere. Concludo ricordando che se l'immagine animata sostituita a quella standard di Blogger fosse troppo grande non verrebbe caricata e quindi non si vedrebbe. Occorre quindi cercare un giusto compromesso in fase di scelta delle dimensioni.


1 commento :

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti.
Info sulla Privacy