Per creare ed inserire un testo scorrevole all’interno di un gadget HTML/Javascript come quello visibile nella colonna sinistra di questo blog ed anche qui in basso:
è possibile utilizzare questo codice HTML:
<marquee direction="left" style="font-size: 15pt; color:#ff0000; font-family: arial;" scrollamount="5" bgcolor="#000033"> <div align="center">TESTO SCORREVOLE DA VISUALIZZARE</div></marquee>
Nel codice HTML indicato è sufficiente sostituire nella posizione della scritta TESTO SCORREVOLE DA VISUALIZZARE il testo che si desidera veder scorrere nel gadget da mettere nella sidebar del blog oppure sopra al modulo centrale del post o in basso nel footer del blog di Blogspot.
Per utilizzare colori diversi per il testo (color) e per lo sfondo (bgcolor) è possibile applicare i colori desiderati inserendo i rispettivi codici esadecimali al posto di quelli attuali.
Allo stesso modo è possibile sostituire nel codice HTML il font (font-family) e la dimensione del carattere (font-size) da visualizzare nel blog di Blogger.
Per impostare la direzione verso la quale deve scorrere il testo possiamo sostituire il valore di direzione (direction) attualmente impostato con il testo che si sposta verso sinistra (left) con le corrispondenti opzioni da utilizzare per visualizzare lo scorrimento della scritta verso destra,verso l’alto o verso il basso(right,up,down).
La velocità di scorrimento (scrollamount) della scritta,da posizionare nella colonna laterale del blog di Blogger,sarà maggiore quando più sarà alto il valore numerico (al momento è 5) impostato nel codice HTML.
Dopo la personalizzazione il codice dovrà essere copiato ed incollato in un gadget HTML/Javascript(disponibile nella Bacheca di Blogger da “Design”>”Elementi pagina”>”Aggiungi un gadget”) da mettere poi nel layout di un blog su Blogspot.
questo strumento è davvero utile , salvo questo tuo tutorial in modo da poterlo utilizzare quando mi servirà :-) !!!!!buona giornata !"
RispondiEliminace l'ho fatta
RispondiEliminal'ho fatto davvero
come sai,ancora mi stupisco di riuscire, con chiare e precise indicazioni, afare cose apparentemente impossibili :-)
@Pasticcina85
RispondiEliminaSono felice che tu abbia trovato utile il post!
Grazie per la visita e buona giornata anche a te!
Ciao:)
Fabrizio
@cinzia opezzi
RispondiEliminaOrmai sei bravissima!
Grazie,sei sempre molto gentile:)
Ciao e buona giornata:)
Fabrizio
Si, sapevo mettere una scritta scorrevole, ma questo font-family non avevo mai capito cosa fosse. Sempre suggerimenti utilissimi.
RispondiEliminaN.B. - Quando hai tempo passa da me o da Sandra o da Erika. C'è la seconda puntata della Festa Blogger ...
Ciao Ambra,sono felice che tu abbia trovato utile il post!
RispondiEliminaPasserò con piacere a leggere l'aggiornamento nel tuo blog,grazie!
Ciao e buona serata:)
Fabrizio
ciao fabrizio..ho seguito le istruzioni e sono riuscito però se scrivo troppe informazioni il testo va a capo. E' possibile tenerlo sulla stessa linea? grazie
RispondiElimina@cambiacanale
RispondiEliminaCiao e grazie intanto per la visita!
Se non l'avessi già fatto,prova eventualmente a ridurre la dimensione del carattere utilizzato.
Ciao:)
Fabrizio
Grazie 1000!!!!!
RispondiEliminaSono contento di esserti stato utile!
RispondiEliminaGrazie a te per la visita e per il commento:)
Ciao:)
Fabrizio
guarda ti sto condividendo ovunque su twitter e facebook perchè i tuoi blog e le tue risposte sempre puntuali e cortesi meritano davvero!!
RispondiEliminaCiao Francesca,
RispondiEliminati ringrazio moltissimo per la condivisione dei miei post su Facebook e su Twitter!
Il tuo apprezzamento per il mio lavoro nei blog mi fa veramente molto piacere:)
Ciao e ancora grazie!
Fabrizio
Ciao, ho copiato-incollato la porzione di codice da te proposta, ma sul sito che sto creando, http://celticsclusec5.blogspot.com/ , l'effetto è diverso (Non spaventarti, è in restyling totale!). Riusciresti ad aiutarmi a risolvere l'arcano? :)
RispondiEliminaGrazie in ogni caso!
Federico
Ciao Federico,
RispondiEliminagrazie intanto per la visita!
Quale inconveniente riscontri nella visualizzazione del gadget?
Ciao:)
Fabrizio
Come puoi vedere anche all'interno del sito cui accennavo nel precedente post, la scritta non scorre su una linea ma su 2. Scorrerebbe su una solamente se il testo fosse piu corto della striscia che lo contiene. P.S. Problema presente solo con IE 9.
RispondiEliminaSe il problema si presenta solo con IE9 potrebbe essere causato da un'interferenza con altri elementi del blog,prova eventualmente a posizionare diversamente il modulo oppure ad utilizzare un carattere più piccolo.
RispondiEliminaCiao
Fabrizio
Ciao, è possibile inserire queste scritte scorrevoli su google site?
RispondiEliminaGrazie in anticipo.
@FABRY
RispondiEliminaSe nel sito è possibile aggiungere moduli con codice HTML potrai aggiungere testi scorrevoli utilizzando questa procedura.
Ciao
Fabrizio
Caro Fabrizio,
RispondiEliminaho letto con interesse questo splendido suggerimento. Per prima cosa GRAZIE.
A seguire, ho voluto strafare ed ho provato ad inserire questo codice direttamente in un post pieno di fotografie.
Funziona egregiamente, ma va moooolto piano. (Motivo per il quale ho desistito)
Dici che esiste un sistema per velocizzare lo scorrere delle immagini?
E' un sistema molto comodo se vuoi inserire una ventina di foto in un solo post!
Grazie mille e visto il mese d'agosto BUONE FERIE! :)
PS. il valore 5 io l'ho cambiato con 1. In questo modo va lento ma si vede una foto alla volta! Altrimenti andava più svelto, ma se ne vedevano 5.
RispondiEliminaLa domanda più specifica è:
Esiste un modo per vedere scorrere una foto alla volta ma ad una velocità maggiore?
Rinnovo i saluti di prima!
Un abbraccio e grazie mille.
Ciao Cri,
RispondiEliminagrazie intanto a te per il commento e buone ferie anche a te!
Se non lo avessi già fatto verifica eventualmente se riscontri lo stesso inconveniente anche con foto di dimensioni in pixel più piccole.
Aspetto notizie!
Ciao e buona serata:)
Fabrizio
A proposito di 2° raduno blogger: ho inserito la scritta scorrevole...ci son riuscita...that's incredible ma sì ci son riuscita :O)
RispondiEliminaMacca
P.S.: ma da quando è aperto questo blog?!...mica l'avevo visto!!!
Allora passo adesso a vedere la tua scritta!
RispondiEliminaPer il mio prossimo blog ti avviserò il giorno dell'inaugurazione!:)
Sicuramente non sarà dedicato a Blogger,infatti con quello dedicato alla nuova bacheca comefareblog.blogspot.com per adesso siamo al completo!
Per evitarti altre sorprese:) qui trovi un elenco quasi aggiornato delle mie "prove" di blog fabricastelli.blogspot.com
Ciao e buonanotte:)
Fabri
Grazie Fabrizio, ora anche il mio Blog ha una scritta scorrevole!! :)
RispondiEliminaBenissimo!
RispondiEliminaSono felice che il post ti sia stato utile!
Grazie a te per il commento.
Ciao e buona giornata:)
Fabrizio
ciao sono adri...sono riuscita anch'io a scrivere un scritta scorrevole...grazie mille!!!!!!!!!!
RispondiEliminaOttimo Adri!
RispondiEliminaGrazie a te per il commento!
Ciao:)
Fabri
FABRIZIO SEI UN GRANDE!!!!!!!!!!!!!!!!!!!!
RispondiEliminaho aggiunto anche una foto dentro nel mio blog: ilnostromagiconapoli.blogspot.com :D :D
RispondiEliminaHo visto adesso,ottimo!
RispondiEliminaSono felice che il post ti sia stato utile!
Ciao:)
Fabrizio
Fabrizio..... un mago!
RispondiElimina:)
RispondiEliminaGrazie Sandra!
Ciao:)
Fabri
bellissimo tutorial :)!!!
RispondiEliminaTi ringrazio !!
RispondiEliminaCiao:)
Fabri
Anche se non capisco granchè di Html, con la tua guida riesco a fare parecchie cose. Grazie mille. E Buona Pasqua.
RispondiEliminaAnche se non capisco granchè di linguaggio HTML, con la tua guida riesco a fare parecchie cose. Grazie mille. E Buona Pasqua.
RispondiEliminaCiao FABRIZIO :-) potresti dirmi gentilmente il codice per inserire un testo scorrevole sopra un'immagine fissa? Grazie :-)
RispondiEliminagrazie, ho utilizzato le tue istruzioni e son riuscita, anche se io stavi cercando le istruzione per inserire il box degli ultimi commenti da inserire in colonna. Ho visto che nemmeno tu ce l'hai... :)
RispondiEliminaCiao Angy,
RispondiEliminal'immagine dovrebbe essere lo sfondo di un gadget o trovarsi all'interno di un post?
Ciao
Fabri
Ciao perlasmarrita,
RispondiEliminasono felice che il post ti sia stato utile!
Per i commenti recenti è possibile utilizzare direttamente il feed:
http://provediblogger.blogspot.it/2010/02/come-inserire-con-facilita-gli-ultimi.html
Ciao
Fabri
Ciao Fabri, l'immagine è all'interno di un post, e vorrei farci scorrere sopra un testo. Non ho trovato nulla fino adesso, conto su di te :-))))) Grazie
RispondiEliminaProva ad inserire l'immagine come sfondo del gadget con questo CSS:
RispondiElimina#HTML1 {
background-image:url('URLIMMAGINE');
}
(per sapere l'ID specifico del gadget e per altre informazioni puoi consultare questo post che contiene invece le istruzioni per impostare un colore di sfondo:
http://testperblogger.blogspot.it/2010/12/come-modificare-il-colore-di-sfondo-di.html)
Ciao
Fabri
Ciao, io sono Lorena. Non so se è questo ciò che mi serve. Nel mio blog ho in un gadget di CONFIGURA IMMAGINE con il collegamento al link il logo di un'azienda con il collegamento al suo link.
RispondiElimina1 gadget per ogni azienda, ma ho visto un blog che ha un gadget scorrevole verticalmente con tanti loghi di azienda con relativi collegamenti. Mi potete aiutare? Grazie, Lori
Ciao Lori,
RispondiEliminapotresti provare ad inserire all'interno del codice per far scorrere il testo, invece del testo, i diversi codici HTML delle immagini+link (ottenuti utilizzando una procedura come quella descritta in questo post:http://provediblogger.blogspot.it/2011/01/come-inserire-una-foto-caricata-su.html )
Ciao
Fabri
Questo commento è stato eliminato dall'autore.
RispondiEliminaCiao Lorena,
RispondiEliminacome ti indicavo nel precedente messaggio,potresti provare ad inserire all'interno del codice per far scorrere il testo, al posto del testo, i diversi codici HTML delle immagini+link (ottenuti utilizzando una procedura come quella descritta in questo post:http://provediblogger.blogspot.it/2011/01/come-inserire-una-foto-caricata-su.html )
Ciao
Fabri
Ciao fabrizio, scusami, come faccio a far uscire la scritta in un unica riga? A me il testo esce in più righe...
RispondiEliminaGrazie
Dany
Ciao Daniela,
RispondiEliminahai già provato a ridurre la dimensione del font (15pt)?
Ciao:)
Fabri
... anche a me va a capo :( pur riducendo il carattere. Fabrizio dove trovo il Banner del tuo sito? Vorrei aggiungerti ai miei Blog... Grazie
RispondiEliminaCiao x232
RispondiEliminase non l'avessi già fatto,prova ad andare a capo inserendo nel testo il tag <br>
Trovi un mio banner qui:
http://provediblogger.blogspot.it/2011/10/come-inserire-banner-prove-di-blogger.html Grazie a te!
Ciao e buona giornata:)
Fabrizio
come faccio a mettere una scritta più lunga senza che venga tagliata??
RispondiEliminaCiao Dario,
RispondiEliminahai già verificato se il risultato è lo stesso posizionando il gadget in una sezione più larga o riducendo il valore di "font-size" ?
Ciao e buona serata!
Fabrizio
Buonasera. Posso utilizzare questo codice per ottenere delle news scorrevoli sul mio sito basate su RSS? come posso modificarlo? Grazie e complimenti
RispondiEliminaCiao xs400
RispondiEliminagrazie intanto per i complimenti!
Per ciò che desideri realizzare controlla se ti possono essere utili servizi come http://www.rsspump.com/
Ciao e buona serata!
Fabrizio
Utilissimo,grazie.Olgica
RispondiEliminaSono felice che il post ti sia stato d'aiuto. Grazie a te per il commento!
RispondiEliminaCiao e buona serata:)
Fabrizio
Utilissimo! Grazie :-)))
RispondiEliminaGrazie a te Medea per il commento! Sono felice che tu abbia apprezzato il post.
RispondiEliminaCiao e buona serata
Fabrizio