Welcome to the Animal Jam Tribune! I, wingofthesun, am the author of this blog. Feel free to explore the Animal Jam Tribune!

Wednesday, March 26, 2014

Scrolling Text

Heya there, jammers of Jamaa! Jammers of Jamaa... I think that's a better greeting than "Hey, jammers!" But it's not much bettter...
Moving onwards, I have an HTML hack to show you! (More like, I have 4 HTML hacks to show you!) XD
They're scrolling text HTML hacks!
Ok, so, there are 4 kinds I have!
1. Slide-In Text (Your text scrolls horizontally, then stops. Refresh the page to see it scroll again.)
HTML Code:

<marquee behavior="slide" direction="left">Your slide-in text goes here</marquee>

Applying It To Your Blog:
1. Go to "Layout"
2. Click "Add Gadgets"
3. Click "HTML/JavaScript"
4. Paste the code into the box
5. Replace "Your slide-in text goes here" with your own text
6. WHA-LA! You're done!

2. Continous Scrolling Text (Your text scrolls constantly.)
HTML Code:

<marquee behavior="scroll" direction="left">Your scrolling text goes here</marquee>

Applying It To Your Blog:
1. Go to "Layout"
2. Click "Add Gadgets"
3. Click "HTML/JavaScript"
4. Paste the code into the box
5. Replace "Your scrolling text goes here" with your own text
6. WHA-LA, YOU'RE DONE!

3. Text Bouncing Back and Forth (Text moving back and dorth across the screen.)
HTML Code:

<marquee behavior="alternate">Your bouncing text goes here</marquee>

Applying It To Your Blog:
1. Go to "Layout"
2. Click "Add Gadgets"
3. Click "HTML/JavaScript"
4. Paste the code into the box
5. Replace "Your bouncing text goes here" with your own text
6. WHA-LA WHA-LA YOU'RE DONE!!

4. Text Scrolling Upwards (Look on the right side of this blog, under the Peck graphic. That's what it looks like, except it scrolls the opposite direction.)
HTML Code:

<marquee  behavior="scroll" direction="up">Your upward scrolling text goes here</marquee>

Applying It To Your Blog:
1. Go to "Layout"
2. Click "Add Gadgets"
3. Click HTML/JavaScript"
4. Paste the code into the box
5. Replace "Your upward scrolling text goes here" with your own text
6. OOH LA LA, YOU NOW HAVE BEAUTIFUL UPWARD SCROLLING TEXT!!!


Yup, that's that! Did you notice how the last step got more... Excited as the different scrolling text things went on? (Sorry, I didn't explain that very well. XD) If you did, good for you! *hands cake*
That's it! Hope you like the HTML hacks!

3 comments:

  1. Thank you so much! That really helped! :D

    ReplyDelete
  2. OH MY GOSH THANK YOU! I have been trying to find this for a while. Thank you! :DDDDDDDD

    ReplyDelete
  3. @Everybody
    You're welcome! :D

    ReplyDelete

Are you commenting? That's great! But before you comment, I need to make some things clear.
No Bullying
No Cursing
No Impostering
No Finding a Way Around those Rules
Break the rules, and I'll send my phantoms to come and get you. :P