A Scrolling {clickable} Slideshow!

Okay I have a awesome tutorial for you today! This was suggested to me by one of my followers on BlogFrog!
I am going to show you how to make a scrolling {clickable} slideshow!

Why would you need a scrolling clickable slideshow?
Well… you can put all your blog buttons in a slideshow so they don’t take up so much space in your side bar! 
Great idea huh?
This is a fairly simple thing to do. But, if you have questions or need help just ask! :)
First you need to do some blog stocking and find the blog buttons you want to display in your slideshow.
{I would love if mine was included!}

It is probably easiest if you open a word document or notepad and copy and paste all the blog button codes you want to use. But, make sure you leave space in between them.

Now go to your blogger layout>add a gadget>add html

Paste this code into that box:


Okay now you just need to copy one of the button codes and paste it on the next line in your html box.
Do the exact same thing with all the button codes. Paste them right after each other.

I would probably add 2 or 3 buttons then save and look at my blog to make sure it is working.
No need to waste time putting all the buttons on if something is wrong :)

 The #ffffff part of the html code is called a hex code. It tells blogger what color to make the background of your slideshow.

#ffffff is white.

If you want to change the color go HERE pick a color and replace the hex code with the new one.

One other note….
Most blog buttons are already made to be centered. However if they are not the blog button will not be in the center of the slideshow.

But guess what???

There is an easy way to fix that! All you need to do is put

at the begining of the blog button code and

at the end!

Happy slideshow making!
Related Posts Plugin for WordPress, Blogger...


  1. 1
    Janette P. says:

    Hi, found you through the ultimate blog party link – thanks for the post about BlogFrog. I'm going to check it out!

  2. 2
    CraftyMummy says:

    Thanks so much Kendra!!!!!! I'm so glad I came and checked out your blog after leaving that comment! Once I get the kids to bed, I'll be having a go at putting this on my blog… I'll let you know how I go ;)

  3. 3
    Shawna says:

    What a neat idea! I was just doing a bit of blog hopping and found you through Roxanna J.'s blog. I might like to try this out on my blog.

  4. 4
    Aisyah says:

    Great tutorial! I'll give this a try when I have the time. Soon, I hope. I'm always finding ways to make my blog better. Thanks for dropping by at my blog. Appreciate it :)

  5. 5
    Aisyah Helga says:

    Just to let you know that I did it! It was super easy. Thanks for sharing. I'll link this to my blog-Beautify your blog DIY

  6. 6
    CraftyMummy says:

    Hi Kendra. Just created my scrolling buttons – very easy! – and wrote a post featuring you: http://mummycrafts.blogspot.com/2010/04/clever.html
    Thanks again ;)

  7. 7
    Shopper Gal says:

    Hi Kendra,
    thanks for your comment on my blog. I love your background and how you have the scroll function on your right sidebar (FUN!). Look forward to chatting more with you on Blog Frog :)
    {shopper gal}

  8. 8

    I found your blog yesterday with the button swap blog hop.
    Great tutorial! I wanted to let you know that I did it! It was very easy, and your instructions were great! Thanks for sharing it with us.

  9. 9

    Thanks for sharing! I'm going to give this a shot this weekend! I'll be sure to add yours! I'm a new follower .. found you on Top Mommy Blogs. Thanks for sharing!

  10. 10
    Those Schank's in Fallon, Nevader says:

    This is so cool!!!! But is there any way to make it go faster? Thanks!

  11. 11

    I just linked this tutorial on my blog post! Thanks again for sharing! ;) http://thingamajigetc.blogspot.com/

  12. 12

    HELP! For some reason it will only show my first 4 buttons!


  13. 13
    The Mason Bunch says:

    Thanks for helping me out on this. I believe I followed the directions above. I copied and pasted 3 blog button codes to the html window. I previewed like you suggested. The buttons are there, but are not scrolling. What did I wrong? Please help! Thanks.

  14. 14

    This Is diving me crazy.
    Yesterday it worked on my Blogger, but today noting works

Leave a Reply

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

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>