How to Have a Moving/Typing Tab Bar on Your Tumblr Profile

Sign up or log in to Tumblr., Hit the "Settings" icon at the top-right of your homepage. , Click on the blog you want to customize. , Click the "Customize" button in the middle of the dashboard. , Click the "Edit HTML" button on the far left tab...

17 Steps 1 min read Advanced

Step-by-Step Guide

  1. Step 1: Sign up or log in to Tumblr.

    This is at the top of every theme and should be right underneath "<html>."

    The hardest thing you're going to have to do here is copy and paste.

    It looks complicated but it's really not. , There should be one empty line before the script begins and one empty line after it ends. , For each "INSERT WORDS HERE"

    you will be able to write a different tagline.

    If your tagline is too long, it will only show at the top of your browser, not on the browser tab itself.

    This text only shows when you or someone else visits your Tumblr profile; it won't affect your internet or browsing. ,,,
  2. Step 2: Hit the "Settings" icon at the top-right of your homepage.

  3. Step 3: Click on the blog you want to customize.

  4. Step 4: Click the "Customize" button in the middle of the dashboard.

  5. Step 5: Click the "Edit HTML" button on the far left tab.

  6. Step 6: Look for the code "<head>".

  7. Step 7: Under "<head>"

  8. Step 8: copy and paste the following code: <script type="text/javascript">function tb8_makeArray(n){this.length = n;return this.length;}tb8_messages = new tb8_makeArray(3);tb8_messages= "INSERT WORDS HERE";tb8_messages= "INSERT WORDS HERE";tb8_messages= "INSERT WORDS HERE";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.substring(tb8_i

  9. Step 9: tb8_i+1);document.title = tb8_tekst;tb8_sp=tb8_speed;tb8_i++;if (tb8_i==tb8_messages.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()"

  10. Step 10: tb8_sp);}tb8_pisi()</script> Don't worry if you don't know HTML.

  11. Step 11: Make sure your code looks like this.

  12. Step 12: Where it says "INSERT WORDS HERE"

  13. Step 13: insert any word/phrase/sentence you like.

  14. Step 14: Click on "Update Preview

  15. Step 15: " top right.

  16. Step 16: Click on "Save" after you are satisfied with your taglines.

  17. Step 17: Admire your new handiwork.

Detailed Guide

This is at the top of every theme and should be right underneath "<html>."

The hardest thing you're going to have to do here is copy and paste.

It looks complicated but it's really not. , There should be one empty line before the script begins and one empty line after it ends. , For each "INSERT WORDS HERE"

you will be able to write a different tagline.

If your tagline is too long, it will only show at the top of your browser, not on the browser tab itself.

This text only shows when you or someone else visits your Tumblr profile; it won't affect your internet or browsing. ,,,

About the Author

K

Kevin Clark

Dedicated to helping readers learn new skills in cooking and beyond.

55 articles
View all articles

Rate This Guide

--
Loading...
5
0
4
0
3
0
2
0
1
0

How helpful was this guide? Click to rate: