Come inserire un testo scorrevole in un gadget HTML/Javascript di un blog su Blogger

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:

TESTO SCORREVOLE DA VISUALIZZARE

è 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.

58 commenti:

  1. questo strumento è davvero utile , salvo questo tuo tutorial in modo da poterlo utilizzare quando mi servirà :-) !!!!!buona giornata !"

    RispondiElimina
  2. ce l'ho fatta
    l'ho fatto davvero

    come sai,ancora mi stupisco di riuscire, con chiare e precise indicazioni, afare cose apparentemente impossibili :-)

    RispondiElimina
  3. @Pasticcina85
    Sono felice che tu abbia trovato utile il post!
    Grazie per la visita e buona giornata anche a te!
    Ciao:)
    Fabrizio

    RispondiElimina
  4. @cinzia opezzi
    Ormai sei bravissima!
    Grazie,sei sempre molto gentile:)
    Ciao e buona giornata:)
    Fabrizio

    RispondiElimina
  5. Si, sapevo mettere una scritta scorrevole, ma questo font-family non avevo mai capito cosa fosse. Sempre suggerimenti utilissimi.
    N.B. - Quando hai tempo passa da me o da Sandra o da Erika. C'è la seconda puntata della Festa Blogger ...

    RispondiElimina
  6. Ciao Ambra,sono felice che tu abbia trovato utile il post!
    Passerò con piacere a leggere l'aggiornamento nel tuo blog,grazie!
    Ciao e buona serata:)
    Fabrizio

    RispondiElimina
  7. 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
  8. @cambiacanale
    Ciao e grazie intanto per la visita!
    Se non l'avessi già fatto,prova eventualmente a ridurre la dimensione del carattere utilizzato.
    Ciao:)
    Fabrizio

    RispondiElimina
  9. Sono contento di esserti stato utile!
    Grazie a te per la visita e per il commento:)
    Ciao:)
    Fabrizio

    RispondiElimina
  10. guarda ti sto condividendo ovunque su twitter e facebook perchè i tuoi blog e le tue risposte sempre puntuali e cortesi meritano davvero!!

    RispondiElimina
  11. Ciao Francesca,
    ti 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

    RispondiElimina
  12. 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? :)
    Grazie in ogni caso!
    Federico

    RispondiElimina
  13. Ciao Federico,
    grazie intanto per la visita!
    Quale inconveniente riscontri nella visualizzazione del gadget?
    Ciao:)
    Fabrizio

    RispondiElimina
  14. 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.

    RispondiElimina
  15. Se 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.
    Ciao
    Fabrizio

    RispondiElimina
  16. Ciao, è possibile inserire queste scritte scorrevoli su google site?
    Grazie in anticipo.

    RispondiElimina
  17. @FABRY
    Se nel sito è possibile aggiungere moduli con codice HTML potrai aggiungere testi scorrevoli utilizzando questa procedura.
    Ciao
    Fabrizio

    RispondiElimina
  18. Caro Fabrizio,
    ho 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! :)

    RispondiElimina
  19. 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.

    La 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.

    RispondiElimina
  20. Ciao Cri,
    grazie 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

    RispondiElimina
  21. A proposito di 2° raduno blogger: ho inserito la scritta scorrevole...ci son riuscita...that's incredible ma sì ci son riuscita :O)
    Macca
    P.S.: ma da quando è aperto questo blog?!...mica l'avevo visto!!!

    RispondiElimina
  22. Allora passo adesso a vedere la tua scritta!
    Per 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

    RispondiElimina
  23. Grazie Fabrizio, ora anche il mio Blog ha una scritta scorrevole!! :)

    RispondiElimina
  24. Benissimo!
    Sono felice che il post ti sia stato utile!
    Grazie a te per il commento.
    Ciao e buona giornata:)
    Fabrizio

    RispondiElimina
  25. ciao sono adri...sono riuscita anch'io a scrivere un scritta scorrevole...grazie mille!!!!!!!!!!

    RispondiElimina
  26. Ottimo Adri!
    Grazie a te per il commento!
    Ciao:)
    Fabri

    RispondiElimina
  27. FABRIZIO SEI UN GRANDE!!!!!!!!!!!!!!!!!!!!

    RispondiElimina
  28. ho aggiunto anche una foto dentro nel mio blog: ilnostromagiconapoli.blogspot.com :D :D

    RispondiElimina
  29. Ho visto adesso,ottimo!
    Sono felice che il post ti sia stato utile!
    Ciao:)
    Fabrizio

    RispondiElimina
  30. Anche se non capisco granchè di Html, con la tua guida riesco a fare parecchie cose. Grazie mille. E Buona Pasqua.

    RispondiElimina
  31. Anche se non capisco granchè di linguaggio HTML, con la tua guida riesco a fare parecchie cose. Grazie mille. E Buona Pasqua.

    RispondiElimina
  32. Ciao FABRIZIO :-) potresti dirmi gentilmente il codice per inserire un testo scorrevole sopra un'immagine fissa? Grazie :-)

    RispondiElimina
  33. grazie, 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... :)

    RispondiElimina
  34. Ciao Angy,
    l'immagine dovrebbe essere lo sfondo di un gadget o trovarsi all'interno di un post?
    Ciao
    Fabri

    RispondiElimina
  35. Ciao perlasmarrita,
    sono 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

    RispondiElimina
  36. 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

    RispondiElimina
  37. Prova ad inserire l'immagine come sfondo del gadget con questo CSS:

    #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

    RispondiElimina
  38. 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.
    1 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

    RispondiElimina
  39. Ciao Lori,
    potresti 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

    RispondiElimina
  40. Questo commento è stato eliminato dall'autore.

    RispondiElimina
  41. Ciao Lorena,
    come 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

    RispondiElimina
  42. Ciao fabrizio, scusami, come faccio a far uscire la scritta in un unica riga? A me il testo esce in più righe...
    Grazie
    Dany

    RispondiElimina
  43. Ciao Daniela,
    hai già provato a ridurre la dimensione del font (15pt)?
    Ciao:)
    Fabri

    RispondiElimina
  44. ... anche a me va a capo :( pur riducendo il carattere. Fabrizio dove trovo il Banner del tuo sito? Vorrei aggiungerti ai miei Blog... Grazie

    RispondiElimina
  45. Ciao x232
    se 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

    RispondiElimina
  46. come faccio a mettere una scritta più lunga senza che venga tagliata??

    RispondiElimina
  47. Ciao Dario,
    hai 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

    RispondiElimina
  48. Buonasera. Posso utilizzare questo codice per ottenere delle news scorrevoli sul mio sito basate su RSS? come posso modificarlo? Grazie e complimenti

    RispondiElimina
  49. Ciao xs400
    grazie 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

    RispondiElimina
  50. Sono felice che il post ti sia stato d'aiuto. Grazie a te per il commento!
    Ciao e buona serata:)
    Fabrizio

    RispondiElimina
  51. Grazie a te Medea per il commento! Sono felice che tu abbia apprezzato il post.
    Ciao e buona serata
    Fabrizio

    RispondiElimina

Se hai bisogno di:
Consulenza ed Ottimizzazione SEO del blog + Assistenza personalizzata 
una proposta realizzata in modo specifico per gli amministratori di  blog di informazione e intrattenimento (fashion, food, news, travel, personali, shopping, artistici/creativi, etc.) su piattaforma WordPress e su Blogger.  

Puoi trovare i dettagli dell'offerta in questa pagina 


Per i lettori di TEST PER BLOGGER è possibile usufruire di una offerta promo, con una riduzione del 30% rispetto al prezzo indicato, utilizzando in fase di acquisto, direttamente dal sito, il codice promozionale: 

promotestperblogger