Tumblr Typing/Moving/Scrolling Title Code

By adding some Tumblr Codes to your Theme html, you can have the already classic Typing Title in your browser bar/tab. This moving title has nothing to do with the Tumblr Header Title (much easier to use an animated gif instead). You can choose to have multiple Titles as well, and if you have several tasks (programs) opened in Windows, and your Tumblelog happens to be one of those, you will notice that the Tumblr Moving Title shows up in the toolbar as well. You can first take a look at mrtumblring.

How To Insert a Moving/Typing Title to your Tumblr Browser Tab

  1. Once signed in, click on the specific blog dashboard if you have more than one.
  2. Click on Customize Appearance, then click on edit HTML
  3. Paste the following javascript code right below the <head> tag:


  4. <script type="text/javascript">
    function tb8_makeArray(n){
    this.length = n;
    return this.length;
    }
    tb8_messages = new tb8_makeArray(3);
    tb8_messages[0] = "FIRST LINE";
    tb8_messages[1] = "SECOND LINE";
    tb8_messages[2] = "THIRD LINE";
    tb8_rptType = 'infinite';
    tb8_rptNbr = 5;
    tb8_speed = 100;
    tb8_delay = 2000;
    var tb8_counter=1;
    var tb8_currMsg=0;
    var tb8_tekst ="";
    var tb8_i=0;
    var tb8_TID = null;
    function tb8_pisi(){
    tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);
    document.title = tb8_tekst;
    tb8_sp=tb8_speed;
    tb8_i++;
    if (tb8_i==tb8_messages[tb8_currMsg].length){
    tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;
    }
    if (tb8_currMsg == tb8_messages.length){
    if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){
    clearTimeout(tb8_TID);
    return;
    }
    tb8_counter++;
    tb8_currMsg = 0;
    }
    tb8_TID = setTimeout("tb8_pisi()", tb8_sp);
    }
    tb8_pisi()
    </script>

  5. Change the words, FIRST LINE, SECOND LINE and THIRD LINE, to whatever Tumblr Scrolling Title you want, each one will be displayed in an infinite loop.
  6. Click on update preview, then click on appearance and finally hit SAVE.

NOTE: Don’t mistake Tumblr Typing/Moving Title Status Bar for blinking or flashing Titles, again, that is within the page itself, not in your Firefox, IE or Chrome status bar browser.

7 Responses to "Tumblr Typing/Moving/Scrolling Title Code"

Add Comment
  1. maria lanas

    February 5, 2012 at 4:49 am

    I just got a new theme and it doesn’t show the ‘follow’ and the ‘dashboard’ button on the top. this is really worrying me. please help!

    [Reply]

  2. lydia

    June 10, 2012 at 8:53 pm

    Is there any way to change how fast the individual lines scroll?
    The delay that is there already seems a bit…awkward and slow.

    [Reply]

  3. Rob Dew

    July 24, 2012 at 11:37 pm

    The moving title only shows up in the tool bar and the rest of my blog went blank… When i go to html to delete the java script code I erase update then save it ….. then I go back to my blog and its still blank every time i Try to erase the java script code it erases for that moment but when you leave the page and come back its still there its like its not saving HELP PLEASE

    [Reply]

  4. Rob Dew

    July 24, 2012 at 11:45 pm

    I have been able to delete the moving title but i can no longer customize my blog wtf??

    [Reply]

  5. Rob Dew

    July 24, 2012 at 11:53 pm

    I had to delete my account because of this -__-

    [Reply]

  6. Victoria

    August 5, 2012 at 11:25 am

    Ok, I got the typing headline, but where’s the movie one??

    [Reply]

  7. Maxine

    June 4, 2013 at 5:59 am

    Hi! Can I ask how to add one more line? because I want to have four lines and there are only three available in your code.

    [Reply]

Submit a comment

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>