Wednesday, March 26, 2014

Scrolling Text

Heya there, jammers of Jamaa! Jammers of Jamaa... I think that's a better gretting 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!

~wingofthesun who is feeling too lazy to use her signature so she will just sign off like this~



2 comments:

  1. Click 'Rich Text' in the top-right corner to see a preview.

    ReplyDelete

Be nice.

Or


Avada Kedavara.


'Nuff said.