All About Kimberly

My Life, My Loves, My Story

How To Create a Scrolling Text Box in WordPress

After searching forever and trying various things online, I finally figured out how to have that scrolling box in your text box widgets.  I wanted to use it for showing off the buttons of my favorite websites without the list taking up a ton of space in my sidebar.  So the solution I was searching for? Using a space of 2 or 3 buttons and having all of my favorite buttons scroll through it. Please note you could do this with text or any other combination of graphics too.  So after trying several complicated combinations of html, java, and even a couple plugins….this is what I discovered that WORKS!  Go figure!

You enter the text box in your sidebar as you would normally.

Before the text/graphics that you want to scroll you place the code:

<marquee direction=”Up” scrollamount=”2″>

Note: I don’t know why, but when I publish here it always takes my quotation marks and makes them slant, but they need to be plain up and down ones to work…I always write my HTML code in Notepad (it keeps it plain) and then copy and paste over to WordPress.

Yes, you can change the Up to Down (I think) and the Scrollamount refers to the speed that the text/graphics will scroll.  With 1 being the slowest and 10 (I think) being the fastest.

At the end of the test/graphics that you want to scroll you place the following code:

</marquee>

Now how simple is that?

As of press time I have an example over there on the right. :-)

Need help? Please feel free to comment or email me.

Want a “Grab My Button” on your sidebar.  I have directions for that here.

If you’d like to add another great feature to your site, check out jquery wordpress plugin which will allow users to navigate your site easier.

Category: Blogging
  • Hedy says:

    Thank you! This is awesome!

    July 6, 2010 at 5:09 pm
  • Kimberly says:

    I’m so glad you like it. Hope you get to use it. I am loving mine!

    July 6, 2010 at 8:45 pm
  • Mr WordPres$uccess says:

    Thanks for the “How To”, Kimberly. I’ve already used it to create my “Badge Roll”.

    July 16, 2010 at 7:03 pm
  • Rebecca says:

    when entering the image codes, do I need to put between them? I’d like to use this for the buttons of my fav blogs

    August 24, 2010 at 4:10 pm
  • Rebecca says:

    okay, I did it, but it’s scrolling side to side with all the images on top of each other rather than up and down…what did I do wrong?

    August 24, 2010 at 4:25 pm
  • Kimberly says:

    If you send me your code, I’d be glad to look over it.

    August 25, 2010 at 8:36 pm
  • laurie@livelaughlove says:

    Great!

    Rebecca, change the quotation marks – at least that’s what worked for me.

    August 26, 2010 at 9:17 pm
  • Sharon says:

    Does this work in a WordPress Blog? I have the whole thing in the text box but when I click SAVE, it removes all of the “marquee” wording. The buttons show up but they do not scroll. Thank you for all of your wonderful information, it has been wonderful to find all of this in one spot!

    September 28, 2010 at 9:46 pm
  • Kimberly says:

    I do not know if it works on a wordpress hosted blog as I host all of my sites offsite.

    October 5, 2010 at 11:56 am
  • Rachel says:

    I used it and finally got it to work YAY!! But how do I put spaces in between the buttons like your example. Right now they are all running together. Thanks!!

    October 13, 2010 at 9:21 am
  • Fran says:

    I would like to scroll the names of family researchers on my family tree pages–there’s about 100 contributors and a paragraph or column list would take up too much room.

    Does this also work for a list of names–what I have in mind is something like this:

    Fran Hill- Northern California
    Dallas Hill-Jackson Ohio
    Claudia Hill-Gettysburg PA

    etc.. Many thanks, Fran

    March 10, 2011 at 6:45 pm
  • Connie says:

    Thank you so much for these tutorials. It’s working great! :0)

    May 17, 2011 at 3:38 pm
  • Mary says:

    This worked perfectly for me! Thank you!

    Can you please tell me how you lined up the images in your Favorites box at the top right? I have been searching for days and days on how to do that. I can do the individual ones just fine, but how do you get them side by side ( rows and columns) in the text widget??

    May 25, 2011 at 6:43 pm
  • Carrie says:

    Thank you for this tutorial! This worked beautifully!!!

    June 28, 2011 at 3:38 pm
  • Bonnie says:

    This is so awesome! I love that I will not have to have a entire page of space consumed by items I could have scrolling!
    However I have a question.
    When I enter everything as you stated above with at the end. It ended up running every thing on the page through the one widget I wanted to preform this task. How can I put an END to the tail of this so it does not catch all of my widgets. Thank you!

    July 22, 2011 at 8:55 pm
  • Bonnie says:

    I found the answer! thank you so much for posting this!

    July 22, 2011 at 9:02 pm
  • Jen says:

    Is this coding only allowed in the paid version of wordpress? I have the free version, and it keeps deleting the (new) code when I try to publish.

    August 25, 2011 at 11:07 am
  • Kimberly says:

    It may be. I’m not sure as I don’t use the free version.

    August 27, 2011 at 6:50 pm
  • Lesly says:

    Wow..I’ve been looking for this sort of thing all dang day. Tried about 10 plugins and none worked right and then this simple bit of code was perfect. Is there any way to make it loop so I don’t have a big space as it loops back around to start over? MMMMmmmm thinking about how to trick it into doing that

    August 29, 2011 at 7:37 pm
  • Katie says:

    I have tried doing this a bunch of different ways, but the blog buttons are always on top of each other and they don’t move. I’m not sure what I am doing wrong, could you help me?

    September 21, 2011 at 2:48 pm
  • Me-Chat says:

    waw, thanks…..
    i like this

    September 28, 2011 at 3:12 am
  • Karl says:

    How do i get this to scroll up or down, it only seems to scroll from left to right?

    September 28, 2011 at 4:15 pm
  • Steven says:

    Would you please send me the entire code for the scrolling text box. I’m completely unfamiliar with this process. You wrote: You enter the text box in your sidebar as you would normally. Please explain or email me that code, too. THANK YOU.

    October 3, 2011 at 9:50 am
  • Ryan says:

    I’m getting all sorts of malware warnings when opening this site. I imagine that your wordpress has been hacked through an outdated plugin or theme.

    March 6, 2012 at 9:12 am
  • Kimberly says:

    Thanks. I have been hacked on many sites. I am trying to clean it up.

    August 4, 2012 at 8:45 pm
  • Felicia K says:

    Thank you so much for the tutorials. I am going to see if I can install my button.

    September 13, 2012 at 5:09 am

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

*