Wednesday, August 11, 2010

How to Create a Scrolling Blog Roll

The longer we blog the more buttons and links we acquire.  Displaying these buttons and links without cluttering your blog pages and sidebars can be tricky.  A good way to display all of your buttons and links without cluttering your sidebar is to create a scrolling blog roll.  This method simply uses the html marquee code.  Listed below is the code to create your own upward scrolling blog roll.  Replace the code in purple with a blog's button code.

< marquee onmouseover="this.stop()" direction="up" onmouseout="this.start()" scrollamount="4" loop="true" width="180" height="230" > < a href="http://www.blog-address.com/" > < img border="0" alt="Blog Name" src="http://www.blog-button.jpg" / > < /a > < /marquee >

As always if you have any questions, leave me a comment.

*Note: There is a bug when viewing with Internet Explorer.  Sometimes it will not scroll in IE browser.  Read how to resolve this issue using JavaScript.


16 comments:

  1. So glad I'm a new follower thanks to MBC! I'm so excited to learn more blogging hints... as I feel I started having NO clue and not enough time to figure it out or search on it myself! Looking forward to your posts!
    Pls stop by...
    www.bizeemamax6.blogspot.com
    www.twitter.com/bizeebeauty

    Thanks,
    Bizee Mama
    aka Kimberly

    ReplyDelete
  2. Hi following from Blog hop Thursday. Hope to see you at http://inspirationsbyd.blogspot.com. There's a giveaway go see.

    ReplyDelete
  3. I'm a new follower from MBC! Great start!

    http://discoveringthemeinmommy.blogspot.com/

    ReplyDelete
  4. Thanks for sharing this. I'm now following your lovely blog.

    Have a nice day!

    ReplyDelete
  5. I LOVE Blog Hints! I am always trying to improve my blog. :) I like learning new blog techniques.
    Following you from KCT!
    http://frugalfreegal.blogspot.com

    ReplyDelete
  6. Thanks for stopping by. I'm now your newest follower. Great blog! I'm sure I'll be referring back often.

    Lisa xoxo
    http://RaisingFutureLeaders.blogspot.com

    ReplyDelete
  7. Hi there! Wandered over here from MBC and LOVE the blog! From a fellow techie, I would love to link back with you! I am now Following you and I "Liked" you on your Facebook page. Care to check mine out as well? :D

    http://www.kristinawyatt.com/missmommy

    http://apps.facebook.com/blognetworks/blog/miss_mommy_the_mommy_help_desk/

    http://www.facebook.com/pages/Miss-Mommy/140650462634052?ref=sgm

    ReplyDelete
  8. I'm a new follower from Talkative Thursday. I'm so glad I found your blog. I'm a *new* blogger and any tips I can find are great. I was just wondering about the scrolling list.

    It took me two days to figure out how to make a button and link (that would work) for a grab my button.

    Tracy
    Life of This SAHM

    www.audsbabydays.blogspot.com

    ReplyDelete
  9. Hi, Following from Thirsty Thursday!!

    Chris
    http://www.christinacage.blogspot.com/

    going to try the blogroll this weekend!

    ReplyDelete
  10. Nice blog! I’m following you from Thursday Blog Hop. Please follow me back on my blog “Inspire!”

    Ron

    http://inspiredbyron.blogspot.com/

    ReplyDelete
  11. I'm a new Follower from Thirsty Thursday Blog Hop! Great blog! I know I can use some tips! I hope you can follow me back!

    http://nonutsformypeanut.blogspot.com/

    ReplyDelete
  12. Thank you so much for linking up to Talkative Thursday!
    We loved having you visit!
    I am now a proud member of your blog.

    Lucas's Journey with Sensory Processing Disorder
    http://lucasjourneyspd.blogspot.com/

    ReplyDelete
  13. I used your code and was so excited when it worked --- well on my work computer (I use firefox here). When I got home it didn't work (I use Internet Explorer) there. So I logged into Internet Exlorer here and work and same thing - it doesn't work. Can you take a look and tell me what is wrong. www.hootiebee.blogspot

    ReplyDelete
  14. Hey Im your new follower stopping by to say HI!!

    http://mommys-secret-hideaway.blogspot.com/

    ReplyDelete
  15. Thank you so much, I was just wondering yesterday how I was going to do that!!
    I love your blog and will keep it front and center on mine! Thank you again. ~Lisa

    Iamallatwitteraboutlife

    ReplyDelete
  16. I've tried this every way I know on my blogspot and I can not get it to work. I'm trying to put more than one button in the roll. Like I said, I tried connecting them in several different ways. I can't even get it to work with just one button. Can anyone tell me what I might be doing wrong?

    I'm following u btw.

    ReplyDelete

LinkWithin

Related Posts with Thumbnails

What's Your Page Rank?

Check Page Rank of your Web site pages instantly:

This page rank checking tool is powered by Page Rank Checker service

Blogging Hints © 2008. Template by Dicas Blogger.

TOPO