Pubblicato il 25/09/14e aggiornato il

Mostrare il titolo del blog scorrevole nella scheda del browser.

Come mostrare il titolo del blog o qualunque altro testo in modo scorrevole nella scheda del browser in Blogger e Wordpress.
Cercare di colpire i lettori fin dalla prima volta che arrivano sul nostro sito è uno dei sistemi più validi per poterli fidelizzare. Naturalmente per farlo la cosa migliore è cercare di offrire informazioni valide e dei contenuti emozionanti e pieni di aspettativa ma si può anche agire sul design del sito rendendolo più originale. Più che slideshow fantasmagorici o widget straordinari possono fare la differenza dei piccoli accorgimenti in grado di stupire il navigatore quel tanto che basta per farlo diventare un nostro lettore abituale.

Abbiamo già visto come inserire dei Ticker scorrevole di notizie e, seguendo la falsariga dello slide, in questo post vediamo come si possa mostrare nella scheda del browser il titolo del sito o qualunque altro testo in modo scorrevole. Questa personalizzazione funzionerà su tutti i principali browser desktop mentre non si può dire nulla di certo per il mobile. L'immagine animata seguente è stata presa con Firefox
 
titolo-scorrevole-blogger Un utente di Blogger deve andare su Modello > Modifica HTML e cercare la riga </body>. Subito sopra a questa va incollato il seguente codice

<script type='text/javascript'>
    //<![CDATA[
    var txt=" Testo scorrevole ";
    var t_speed=150;
    var t_rinf=null;
    function slide_title() {
    document.title=txt;
    txt=txt.substring(1,txt.length)+txt.charAt(0);
    t_rinf=setTimeout("slide_title()",t_speed);}
    slide_title();
    //]]>
    </script>

Si salva il template. Se invece avete Wordpress andate su Aspetto > Editor > Footer.php e incollate lo stesso codice sempre sopra a </body>. Cliccate quindi su Aggiorna file. Al posto di Testo scorrevole potete digitare il titolo del vostro sito o un qualunque altro messaggio per i lettori. Ricordatevi di non usare apostrofi o virgolette che verrebbero interpretate come codice. Il parametro 150 determina la velocità dello scorrimento. A numeri maggiori corrisponde una minore velocità. Questo sistema può essere usato anche per mostrare ai lettori un Avviso o una Informazione in modo veramente originale. Enjoy.




7 commenti :

  1. Ottimo, Ernesto!
    Inserito!
    Ciao.

    RispondiElimina
  2. messo subito, di grande effetto come dici tu :)

    RispondiElimina
  3. bello ma credo che crei qualche problema nell'indicizzazione su Google. O perlomeno nella visualizzazione del nome del blog

    RispondiElimina
  4. Al posto di testo scorrevole nella variabile txt si può inserire la funzione nativa di wordpress per recuperare il titolo della pagina (pagine, articoli ) e lasciare tutto invariato il tuo script e funziona con tutte le pagine , ovviamente se tra il titolo del post e il titolo della pagina viene separato con » vale a dire i doppi trattini si può sostituire con un metodo alternativo var txt = txt.replace("»","|");

    RispondiElimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.