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.
Hedy says:
Thank you! This is awesome!
Kimberly says:
I’m so glad you like it. Hope you get to use it. I am loving mine!
Mr WordPres$uccess says:
Thanks for the “How To”, Kimberly. I’ve already used it to create my “Badge Roll”.
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
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?
Kimberly says:
If you send me your code, I’d be glad to look over it.
laurie@livelaughlove says:
Great!
Rebecca, change the quotation marks – at least that’s what worked for me.
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!
Kimberly says:
I do not know if it works on a wordpress hosted blog as I host all of my sites offsite.
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!!
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
Pingback/Trackback
Zeppole Peoplez | Morpho Designs
Connie says:
Thank you so much for these tutorials. It’s working great! :0)
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??
Carrie says:
Thank you for this tutorial! This worked beautifully!!!
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!
Bonnie says:
I found the answer! thank you so much for posting this!
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.
Kimberly says:
It may be. I’m not sure as I don’t use the free version.
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
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?
Me-Chat says:
waw, thanks…..
i like this
Karl says:
How do i get this to scroll up or down, it only seems to scroll from left to right?
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.
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.
Kimberly says:
Thanks. I have been hacked on many sites. I am trying to clean it up.
Pingback/Trackback
Looking for a simple way to scroll images or text? Use the <marquee> markup.... › Jean Egan
Felicia K says:
Thank you so much for the tutorials. I am going to see if I can install my button.