Scrolling, scrolling, scrolling…

January 27, 2009

in robynsonlineworld

Bloggers can be so nice and friendly! I just love it. I was reading the entries for the Bloggy Carnival Giveaway and whenever someone says they have added my button or blogged about my giveaway I always go take a look at the link they provide. I find some really great blogs this way too. Yesterday, one of them was to the Live Laugh Love and Bloggings blog so I went to take a look. The owner had a nifty scrolling marquee of blog buttons in her sidebar. I sent an email to Christine and thanked her for including my button on her blog and told her that I thought the scroll was very cool. Christine took the time to reply back and even give me the code she used without me even asking. A very nice deed indeed!

So, as you can see over to the right in my sidebar, I now also have a nifty scrolling marquee of some of my favorite blog buttons for you all to peruse. The majority of you should be able to see it, although there is a chance one or two of you may not due to compatibility issues (sorry about that).

If you have your own blog and want to include the code, here you go. Add the first part ABOVE the buttons. Then insert the code for all the buttons you want to appear, finally add the end tags of the code at the ending.

<div align="center"><marquee onmouseover="this.stop()" direction="up"onmouseout="this.start()" scrollamount="3"loop="true" width="125" height="400">

REMOVE THIS LINE AND REPLACE WITH CODE FOR BUTTONS YOU WANT INCLUDED

</marquee></div>

This code will center the images, be a width of 125, and the total area will be 400 pixels long. You can change the alignment to left or right (just replace the word center above). You can also change the dimensions, and even the speed (higher than “3” will be faster, lower will be slower. The direction is up in the example, but that is changeable as well. You can see in my blog roll that I have changed it to go left instead and then I redid the dimensions to be just 125 tall, but then I made the width a little wider. Just play around with it until it fits for your blog.

Thanks again to Christine for sharing. Let me know if you try it on your own blog.

  • Stacey Moore

    thanks so much for sharing! i have got to add that!

  • Lori

    That is super neat. I don’t need it but this sharing thing is nice!

    lkziegler[at]gmail[dot]com

  • nanja

    That’s great and so simple once you know what codes to put in!
    nanja[at]comcast[dot]net

  • Leland’s Mama

    I will definitely be adding this at some point today and your button will be the 1st one added. Thanks. (waterprincess812@aol.com)

  • Andreah

    Thank you so much for posting this. I have been trying to figure out how to do that for a while now.
    You rock!

  • brandy

    thanks for the code. that is so cool. i know there are just so many great blogs i want to put up on my blog
    bwalleshauser AT yahoo DOT com

  • Lisanne624

    Thanks so much for sharing. There are so many cool things you can do on a blog and it’s wonderful that there are so many helpful people out there willing to help us “tech-challenged” people along the way!

  • freetibet

    How great is that?! I love the Bloggy Giveaway – I find all kinds of blogs and information that I would have never found otherwise. freetibet1974 at yahoo dot com

  • Sonya

    I love that scrolling thing! That is so neat. You’re so sweet to post how to do this.

  • readergirl

    very cool. as i said last night- looks spiffy!
    i did add your button, but probably forgot to tell you where!:
    http://www.mooklettes.blogspot.com

  • DG

    Nice code to know! Thanks for sharing :)

    dreamzz12{at}aol{dot}com

  • elkaye

    Great idea for people who have a lot of buttons to display. Thanks!

  • LJ

    Thank you for sharing…I was looking for something like this! It is super easy to use too :)

  • mom2beauty

    There is a really kewl site that you might enjoy looking at!
    http://www.dynamicdrive.com/
    It has everything you could want for a web site or blog! Not that yours needs anything, it looks great and I am enjoying the posts!

  • SandyM204

    Thank you SO much for sharing this. I have wanted a blogroll that rolls for a while and didn’t know how.

  • stephie

    Right now i am using blogger and i am really limited on what i can do. I don’t have a sidebar so i can’t add buttons. msmith572@yahoo.com

  • Michele

    Very cool. I need to give that a try. Thanks for sharing!

  • Kristin

    Christine is super duper sweet. I actually LOVE her blog, and you’re right. She took the time to email me and wrote out a nice response. I was shocked. There are some amazing bloggers out there!

  • Devita

    wow!!! thank you very much for sharing! you are the best!

  • stephie

    Thanks i used the code on one of my blogs. msmith572@yahoo.com

  • Fruitful Vine

    I tried this on my blog and I love it! Thanks for sharing this during #metime last night.

  • Valerie

    Thanks for sharing, pretty cool
    KawaiiNeko2008 (at) aol (dot) com

  • debrob58

    Your chapstick warning (w/ photo) really cracked me ip. I needed a good laugh. Isn’t it funny how many strange warnings you can find on things you use every day?

  • Connie

    I saw the new blogroll and really liked it. I’m going to give it a try one day and then I’ll probably be bugging you for further instructions. I just have a normal blogroll. It’s easy peasy and something I can handle :)

    PS – You’re on it, twice.

  • She Became A Butterfly

    i added your button, but i’m not sure i linked it back to you!

    http://www.shebecameabutterfly.net

  • She Became A Butterfly

    Thank you, because I’m obviously blind!!

    she

  • Superjaxster

    Thanks so much for this! This is really cool…I’m very new to this and love getting tips from other bloggers on how to make my blog better. :)

    jackieksheaffer(At)yahoo(dot)com

  • Mangi

    This is super very nice.
    Thanks Very much.

    This is very interesting, I will use this code as soon as I can.

  • Mangi

    Sorry, I’m blind and forgot to put it

    mangikano@gmail.com

Previous post:

Next post: