Tipps & Tutorials, tutorial

Bewegene Schrift im Tab

Hallo ihr lieben, mein Name ist Lara und ich zeige euch heute, wie Ihr eure Schrift im Tab bewegen könnt, um zu zeigen, worum es sich handelt, zeigt euch das Bild.

Damit sich euer Blogtitel jedesmal von selbst aufschreibt (klick hier für eine Live Ansicht), müsst ihr folgende Schritte beachten:

1. Erstellt ein neues HTML/Java Script Gadget (Dashbord – Design – Seitenelemente)

2. Kopiert nun den gesamten HTML Text in das Gadget:

<script type="text/javascript">
    function tb8_makeArray(n){
    this.length = n;
    return this.length;
    }
    tb8_messages = new tb8_makeArray(1);
    tb8_messages[0] = "DEIN TEXT";
    tb8_rptType = 'infinite';
    tb8_rptNbr = 5;
    tb8_speed = 100;
    tb8_delay = 1500;
    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>

 3. Anstelle von DEIN TEXT schreibt Ihr nun euren Blog Namen in das Feld, achtet aber darauf, das die Anführungszeichen dabei nicht gelöscht werden!

4. Speichert nun das Gadget ab. Wenn ihr jetzt auf euren Blog geht, könnt Ihr sehen, wie sich euer Blog Name immer wieder von neu schreibt.

23 Comments

  1. Sunny ♥

    30. September 2012 at 10:47

    Hmm, also irgendwie ändert sich da nichts, da steht doch nur "Lara Ira" ?
    Sunny ♥

    1. Stella

      30. September 2012 at 14:36

      ja bei mir auch ??
      was ist denn der Sinn ?

    2. Cini @ life is a piece of cake

      30. September 2012 at 15:07

      bei funktioniert es weder bei safari noch bei chrome…

    3. Lara

      30. September 2012 at 16:28

      Oh tut mir leid ich hab das nicht mehr durch ein neues Design auf meinem Blog – das Tutorial funktioniert trotzdem einwandfrei!:)

    4. єℓу ♥

      22. November 2012 at 0:44

      wo muss ich das denn einfügen.?!
      Wenn ich auf [Dashboard] gehe kommt nirgends Design.!?
      Das verwirrt mich ein wenig.

    5. Anonym

      1. December 2012 at 20:48

      dashboard – blog – design … ?

      mich verwirrt es echt, wie wenig ahnung manche blogger haben

  2. Elske

    30. September 2012 at 10:58

    super erklärt, aber irgendwie finde ich das immer nervig 😀

  3. Theresa

    30. September 2012 at 11:10

    Das Tutorial ist echt gut und sehr einfach!
    Klappt beim ersten mal! 🙂 ♥

  4. Fuddel

    30. September 2012 at 15:23

    hat geklappt danke :-))

    Fashionkunst.blogspot.com

  5. Achim

    1. October 2012 at 15:30

    Hat auch bei mir geklappt, aber ich habe es wieder raus genommen. Es nervt etwas.

  6. Ines Caranaubahx

    2. October 2012 at 21:03

    Kann man das auch irgendwie langsamer einstellen? ^^

  7. Sophie

    6. October 2012 at 9:48

    Das funktioniert perfekt 🙂
    danke Lara 🙂

    http://www.poof-sophie.blogspot.de

  8. polish potato

    6. October 2012 at 14:27

    Am anfang hat es nicht geklappt wegen i.einen Fehler aber jetzt gehts,
    einfach und gut erklaert 🙂

  9. ♥susanne♥

    7. October 2012 at 15:59

    Ein lustiger Schnick-Schnack. Aber es hat auf Anhieb geklappt, ich bin ja so stolz auf mich *grins*
    http://susesannes-blog.blogspot.de/

  10. Maja..x3

    12. October 2012 at 12:19

    Danke, für das schöne Tutorial 😀 hat auch
    funktioniert war ganz einfach ^^

    http://www.mylovetooasia.blogspot.de/

  11. Martyna

    4. November 2012 at 17:27

    das sieht schon cool aus , danke für's helfen 🙂
    http://ma-niac.blogspot.de/

  12. Linda

    7. November 2012 at 18:56

    bei mir hats direkt funktioniert, danke für das tutorial! 🙂
    ich blogge übrigens hier: http://some-sugar.blogspot.de/

  13. Ely.wayne.?!

    19. November 2012 at 22:22

    wie jetzt ein neues HTML erstellen.?!
    Ich komm irgendwie nicht mit. :'D
    Kannst du mir helfen.?

  14. Löni

    1. December 2012 at 14:50

    Wooww…super!
    Hat perfekt geklappt!Danke Danke Danke!;)
    http://loenis.blogspot.de/

  15. Lake Master

    4. February 2013 at 11:31

    Tolle kleine Spielerei für den Blog! Danke, hat gleich geklappt!

    http://lakemaster.blogspot.de/

  16. Löcke und Pocke

    23. March 2013 at 23:08

    Super leicht zu machen!
    Danke, klappt sofort ! 🙂
    http://our-wonderland2.blogspot.de/

Leave a Reply