Christi Fultz

teacher resources • blog design • branding •

  • Home
  • Blog
    • Holiday Ideas
    • Decor
    • Early Learning
    • Literacy
    • Math
    • Tech Tips
    • Archive
  • About
    • Hello, Christi Fultz
    • Beauty
    • Wellness
    • Completely Christi
  • Teacher Shop
    • TeachersPayTeachers
    • Favorite Resources
  • Design Services
    • Website + Logos
    • How to Start a WordPress Blog
    • Apparel
  • Contact
  • Legal
    • Terms of Service
    • Privacy Policy
You are here: Home / tech tips / Work Your Blog Wednesday: Scrolling and Resizing Pictures
tech tips

Work Your Blog Wednesday: Scrolling and Resizing Pictures

July 17, 2013

It’s time for another Work Your Blog Wednesday! Today is all about adding a scrolling roll of pictures to your blog. You most commonly see these for blog buttons down the side of blogs, but they can also be a great way to display products from your store! 

As a word of caution, this code doesn’t work across all browsers. I highly recommend Fire Fox and Safari for browsing the web. 


To implement a blog roll, you’re going to need to know how to do 3 things. 


1. Resize pictures
2. Upload pictures to Photobucket or another picture host.
3. Use a tiny bit of html code.



 
Resize Your Pictures
I work primarily in PhotoShop, so resizing pictures for me is a snap. If you don’t have similar software, you can resize your pictures on this resizer website for free. When we’re talking about the internet, we’re usually talking about pixel size. Most blog sidebars are around 200 pixels wide so that’s a good starting point.


Upload Your Pictures
Now that you have your pictures resized and saved on your computer, it’s time to get them on the internet. I use Photobucket, but there are other options out there too. After your pictures are in Photobucket, you need to copy the DIRECT LINK. You can get this by clicking on the picture itself to open it by itself in a new window. You can also hover over the picture and get the link from the little gear in the top right corner.



Another note about pictures– I would usually use the same size/shape of pictures (either square or rectangle), but for the purpose of today’s tutorial I didn’t take the time change all of my pictures over to make them match.

Write That Code!
Now it’s time to get to the html part. The good news is that you can copy/paste my code right into your sidebar and just customize it a little. You will need to add your own picture codes from Photobucket and your own product links from TeachersPayTeachers.

 

<center><marquee direction="up" width="200" scrollamount="4" height="350" align="center"
 onmouseover="this.stop()" onmouseout="this.start()">


<a href="COPY YOUR TPT PRODUCT LINK HERE"><img src="COPY YOUR PHOTOBUCKET LINK HERE"></a>


</marquee></center>



That’s it! Honest. 🙂 You can also use this to put blog buttons down the side of your blog.

<center><marquee direction="up" width="200" scrollamount="4" height="350" align="center"
onmouseover="this.stop()" onmouseout="this.start()">


COPY/PASTE GRAB BUTTON CODES HERE

</marquee></center>
You can play with the speed and size of your blog roll by adjusting the width, scroll, and height numbers in the code until it’s pleasing to you. Have fun with it!













 
I’ll be back next Wednesday for another Work Your Blog tip. Until then, you can visit my You Tube channel for several more blogger tutorials. I also have a Pinterest board with tips, tutorials, and resources just for teachers and sellers. 


by Christi Fultz 

About Christi Fultz

wife • mom • teacher • writer • tech obsessed • sometime crafter • beach lover | Empowering entrepreneurs through branding & website design

View all posts by Christi Fultz

Related Posts

  • Work Your Blog Wednesday: Facebook Freebies
  • Work Your Blog Wednesday: PDFs
  • Work Your Blog Wednesday: Customizing Facebook Tabs
  • Work Your Blog Wednesday: Branding Your Blog

I MAKE STARTING YOUR OWN BLOG EASY…

previous post: Are you in Las Vegas with the rest of the world?
next post: To Buy or Not To Buy: Plastic Book Bins (plus DIY labels)

Comments

  1. Corinne McCabe says: July 17, 2013 at 3:44 pm

    I have been learning so much from you! Thank you for sharing all of your tips. Is there a simple way to add the boxes/buttons to the sidebar of your blog?

    • Christi Fultz says: July 17, 2013 at 9:18 pm

      My sidebar boxes are part of the Awesome, Inc. template on blogger! You can find it under template-customize on Blogger.

  2. Lisa Bee (Grade 4 Buzz) says: July 17, 2013 at 5:40 pm

    Thanks for the great tip!
    -Lisa
    Grade 4 Buzz

  3. Erin B says: July 17, 2013 at 5:43 pm

    This is great, Christi! Thanks for sharing! I can't wait to try it! 🙂

    ~Erin
    Mrs. Beattie's Classroom

  4. Kris Poole says: July 17, 2013 at 7:22 pm

    I just started following you and LOVE Work Your Blog Wednesday! I can't wait to try to this. I need to go back and read your previous Wednesday posts to get more tips! Thanks for the great tutorial 🙂

    • Christi Fultz says: July 17, 2013 at 9:18 pm

      Thank you!

  5. The Sweetest Thing says: July 17, 2013 at 8:31 pm

    Great tutorial! Thanks so much for sharing! 🙂

    Lauren
    The Sweetest Thing
    Follow me on Bloglovin'!

  6. mrsbrownthebookworm says: July 17, 2013 at 8:52 pm

    Love it. Didn't know you could put scrolls in the blog post. Have to try this one. Thanks, Christi! Sara B.

  7. Teachers Toolkit says: July 17, 2013 at 9:27 pm

    Thank you so much for this fabulous tutorial!! I had great fun adding it to my blog – I'm loving your Wednesday posts! 🙂

    Wendy
    Teacher's Toolkit

  8. Georgia Grown Kinders says: July 19, 2013 at 12:22 am

    Just what I was looking for! Thanks Christi!!
    Valerie

  9. Jessica Hamilton says: August 2, 2013 at 1:43 pm

    I love your tutorials! They are so helpful!

    I would love to see one on how to make the small social media buttons. I know how to make individual ones, but I don't know how to get the small ones that are side by side.

    And one on how to customize the pages tabs at the top!

    Thanks!
    Jessica
    Hanging Out in First!

  10. C says: November 3, 2014 at 2:29 am

    This is going to be a great way to feature my freebies without having to scroll down the page forever! Thanks for sharing! 🙂

    I have a couple of questions… When I try this code on my blog and hit "preview" to make sure it looks okay, I see the "onmouseover=" line right above the scrolling picture. What am I doing wrong?

    Also, what do you do if you sell on both Teachers Pay Teachers and Teachers Notebook? Is there a way to add a pop-up caption to a picture where I could put "TpT | TN" and link each of the store's initials with the link to my product that is there? Or would I have to upload two pictures of each freebie, linking one to TpT and the other to TN? That might be confusing to readers, so I guess I'd have to distinguish between the two stores in all the pictures…?

    Thanks again!
    ~ Candice from Innovate. Motivate. Educate.

    • Christi Fultz says: November 3, 2014 at 4:31 am

      Make sure the quotation marks and parenthesis are all intact. You would nee to separate scrollers. You could have one that's titled "TpT" and then copy the same one and name it "TN". You would just need to swap out the URLs the second time.

    • C says: November 7, 2014 at 12:21 am

      Thank you!

Christi Fultz

wife • mom • teacher • writer • tech obsessed • sometime crafter • beach lover | Empowering entrepreneurs through branding & website design

Let’s Get Social

Search

Erin Condren Love

Click here for your $10 discount!

Follow by Email

Enter your email address to subscribe to this blog and receive notifications of new posts by email.

Follow on Bloglovin
Follow on Bloglovin

Instagram

christifultz

mama • teacher • business bestie | Helping busy moms & 9-to-5ers create websites + blogs that make a difference. FREE digital marketing guides. ⬇️

Christi | WordPress Expert + Brand Strategist
DIY Floral Wallpaper // Charlotte’s first big gi DIY Floral Wallpaper // Charlotte’s first big girl room is one of my favorite places in the house. We let the kids choose their own decor for the new house and Charlotte’s room is a purple and pink dream... no surprise there! 

The DIY wallpaper was probably a “once and done” experience for us and took about six hours for this 9 by 16 wall. More pictures and sources are on our family blog, also linked in bio: https://completelychristi.com/2022/02/diy-floral-removable-wallpaper.html

#louisvilleky #momsoflouisville #louisvillemoms #louisvillemomcollective #kentuckyblogger #kyblogger #louisvilleblogger #igerslouisville #derbycitymama #diyhomeprojects #diyhome #homedesigninspiration #homeinspo #homemakeover #diyinspo #makehomeyours #kidroomideas #childsroom #childsroomdecor #childroomdesign #kidsroom #kidsroommakeover #kidsroominspiration #kidsroomdesign
Kid Closet // Because we were so happy with our ow Kid Closet // Because we were so happy with our own custom closet, we decided to do my son’s too. We primarily use his closet for off-season storage and toys, but it was always a MESS! Then the mess spilled out onto his nightstand, desk, dresser, building table, and under his bed. He needed a system! 

I used the online design tool from @containerstorecustomspaces to create this DIY Classic Elfa system. It took about three hours to install and set up. I love how flexible the system is, which means we can reconfigure the layout as he grows. I’m also really proud of his label choices... maybe he inherited some of my organizational skills after all!

#louisvilleky #kentuckyblogger #kyblogger #louisvilleblogger #igerslouisville #diyhomeprojects #diyhome #homedesigninspiration #homeinspo#homemakeover #diyinspo #makehomeyours #homeorganization #homeorganizing #closetorganization #organizedhome #organizedcloset #walkincloset #closetgoals #closets #closetdesign #customcloset #closetmakeover #kidroomideas #childsroom #kidsroom #kidsroommakeover #kidsroominspiration #kidsroomdesign
DIY Board and Batten Accent Wall with Display Ledg DIY Board and Batten Accent Wall with Display Ledge Tutorial // Carter’s room needed a punch of color and a place to display his favorite Legos. This weekend project was exactly what I had hoped for! Full tutorial and sources on my hobby blog, linked in bio. https://completelychristi.com/2022/01/diy-board-and-batten-accent-wall-tutorial.html 

#louisvilleky #momsoflouisville #louisvillemoms #louisvillemomcollective  #kentuckyblogger #kyblogger #louisvilleblogger #igerslouisville #derbycitymama #diyhomeprojects #diyhome #homedesigninspiration #homeinspo#homemakeover #diyinspo #makehomeyours #kidroomideas #childsroom #childsroomdecor #childroomdesign #kidsroom #kidsroommakeover #kidsroominspiration #kidsroomdesign
Farm Flowers // I absolutely love my monthly flowe Farm Flowers // I absolutely love my monthly flower delivery. It’s the perfect “pick me up” on a gloomy January day… or any time! As a momma, it’s easy to do all the things for your family. This is one thing I do for me! And since I work from home, it makes my space just a little happier every day. I was initially intimidated by the thought of arranging my own bouquets, but they provide tips and pictures to help. The best part? They arrive mostly in bud form and bloom in your home so you can enjoy each arrangement longer. ✨ Mine usually last 10-14 days. Link in bio to learn more.

#louisvilleky #momsoflouisville #louisvillemoms #louisvillemomcollective #kentuckyblogger #kyblogger #louisvilleblogger #igerslouisville #derbycitymama #momselfcare #freshflowers #thebouqscompany
Primary Closet // We had to empty our closet for t Primary Closet // We had to empty our closet for the bathroom remodel, so we decided it was time for an upgrade before it all back together. ✨ We worked with a designer from @containerstorecustomspaces and are so happy with the results!

#louisvilleky #kentuckyblogger #kyblogger #louisvilleblogger #igerslouisville #diyhomeprojects #diyhome #homedesigninspiration #homeinspo#homemakeover #diyinspo #makehomeyours #homeorganization #homeorganizing #closetorganization #organizedhome #organizedcloset #walkincloset #closetgoals #closets #closetdesign #customcloset #closetmakeover
Bathroom Makeover // We aren’t quite finished in Bathroom Makeover // We aren’t quite finished in here, but I’m pleased with the progress so far! We had plenty of room to turn our primary shower into a wet room with freestanding soaking tub. Shower glass is on the way, and I think we’ll tackle those mirrors too. The closet makeover is underway now, so check back for that next.

#louisvilleky #momsoflouisville #louisvillemoms #louisvillemomcollective #bathroommakeover #homemakeover #kentuckyblogger #kyblogger #louisvilleblogger #igerslouisville #derbycitymama #momsselfcare
Load More... Follow on Instagram

Pinterest

Visit Christi Fultz's profile on Pinterest.

Affiliates



Disclosure: Some of the links on my site are affiliate links. At no additional cost to you, I will earn a commission if you click through and make a purchase from one. As an Amazon Associate, I earn from qualifying purchases.

Categories

Holiday Ideas

Early Learning

Decor

Literacy

Math

Button Up

Other Projects

  • Contact
  • Terms of Service
  • Privacy Policy
  • Site Map

As an experienced third grade teacher with a Masters in Elementary Education and K-12 reading license, I know educational resources need to be both inviting and engaging to capture students' interests. I am passionate about creating user-friendly resources to help all students learn while saving valuable prep for teachers. Read More…

Follow by email

Enter your email address to subscribe to this blog and receive notifications of new posts by email.

Blog Design by

Illustration by Lovely Tocu. ©Design by Christi. Plaid Apple Ltd.

Follow @ ChristiFultz

DIY Floral Wallpaper // Charlotte’s first big gi DIY Floral Wallpaper // Charlotte’s first big girl room is one of my favorite places in the house. We let the kids choose their own decor for the new house and Charlotte’s room is a purple and pink dream... no surprise there! 

The DIY wallpaper was probably a “once and done” experience for us and took about six hours for this 9 by 16 wall. More pictures and sources are on our family blog, also linked in bio: https://completelychristi.com/2022/02/diy-floral-removable-wallpaper.html

#louisvilleky #momsoflouisville #louisvillemoms #louisvillemomcollective #kentuckyblogger #kyblogger #louisvilleblogger #igerslouisville #derbycitymama #diyhomeprojects #diyhome #homedesigninspiration #homeinspo #homemakeover #diyinspo #makehomeyours #kidroomideas #childsroom #childsroomdecor #childroomdesign #kidsroom #kidsroommakeover #kidsroominspiration #kidsroomdesign
Kid Closet // Because we were so happy with our ow Kid Closet // Because we were so happy with our own custom closet, we decided to do my son’s too. We primarily use his closet for off-season storage and toys, but it was always a MESS! Then the mess spilled out onto his nightstand, desk, dresser, building table, and under his bed. He needed a system! 

I used the online design tool from @containerstorecustomspaces to create this DIY Classic Elfa system. It took about three hours to install and set up. I love how flexible the system is, which means we can reconfigure the layout as he grows. I’m also really proud of his label choices... maybe he inherited some of my organizational skills after all!

#louisvilleky #kentuckyblogger #kyblogger #louisvilleblogger #igerslouisville #diyhomeprojects #diyhome #homedesigninspiration #homeinspo#homemakeover #diyinspo #makehomeyours #homeorganization #homeorganizing #closetorganization #organizedhome #organizedcloset #walkincloset #closetgoals #closets #closetdesign #customcloset #closetmakeover #kidroomideas #childsroom #kidsroom #kidsroommakeover #kidsroominspiration #kidsroomdesign
DIY Board and Batten Accent Wall with Display Ledg DIY Board and Batten Accent Wall with Display Ledge Tutorial // Carter’s room needed a punch of color and a place to display his favorite Legos. This weekend project was exactly what I had hoped for! Full tutorial and sources on my hobby blog, linked in bio. https://completelychristi.com/2022/01/diy-board-and-batten-accent-wall-tutorial.html 

#louisvilleky #momsoflouisville #louisvillemoms #louisvillemomcollective  #kentuckyblogger #kyblogger #louisvilleblogger #igerslouisville #derbycitymama #diyhomeprojects #diyhome #homedesigninspiration #homeinspo#homemakeover #diyinspo #makehomeyours #kidroomideas #childsroom #childsroomdecor #childroomdesign #kidsroom #kidsroommakeover #kidsroominspiration #kidsroomdesign
Farm Flowers // I absolutely love my monthly flowe Farm Flowers // I absolutely love my monthly flower delivery. It’s the perfect “pick me up” on a gloomy January day… or any time! As a momma, it’s easy to do all the things for your family. This is one thing I do for me! And since I work from home, it makes my space just a little happier every day. I was initially intimidated by the thought of arranging my own bouquets, but they provide tips and pictures to help. The best part? They arrive mostly in bud form and bloom in your home so you can enjoy each arrangement longer. ✨ Mine usually last 10-14 days. Link in bio to learn more.

#louisvilleky #momsoflouisville #louisvillemoms #louisvillemomcollective #kentuckyblogger #kyblogger #louisvilleblogger #igerslouisville #derbycitymama #momselfcare #freshflowers #thebouqscompany
Primary Closet // We had to empty our closet for t Primary Closet // We had to empty our closet for the bathroom remodel, so we decided it was time for an upgrade before it all back together. ✨ We worked with a designer from @containerstorecustomspaces and are so happy with the results!

#louisvilleky #kentuckyblogger #kyblogger #louisvilleblogger #igerslouisville #diyhomeprojects #diyhome #homedesigninspiration #homeinspo#homemakeover #diyinspo #makehomeyours #homeorganization #homeorganizing #closetorganization #organizedhome #organizedcloset #walkincloset #closetgoals #closets #closetdesign #customcloset #closetmakeover
Bathroom Makeover // We aren’t quite finished in Bathroom Makeover // We aren’t quite finished in here, but I’m pleased with the progress so far! We had plenty of room to turn our primary shower into a wet room with freestanding soaking tub. Shower glass is on the way, and I think we’ll tackle those mirrors too. The closet makeover is underway now, so check back for that next.

#louisvilleky #momsoflouisville #louisvillemoms #louisvillemomcollective #bathroommakeover #homemakeover #kentuckyblogger #kyblogger #louisvilleblogger #igerslouisville #derbycitymama #momsselfcare
Merry Christmas // Does anyone still scroll their Merry Christmas // Does anyone still scroll their regular feed, or are we only seeing Reels and Stories these days? Either way, this deserved a permanent place. Merry Christmas from our family to yours. We are very thankful for another year together. Now bring on our second Kentucky Christmas!

⁠
#momsaroundlouisville #kentuckyblogger #kyblogger #louisvilleblogger #louisvilleky #igerslouisville #derbycitymama #kyproud #ky #kentuckymom #kentuckychristmas #christmasinkentucky ⁠#louisville #locallouisville #louisvillelove #mylouisville⁠ #howwelou #louisvilleigers #momlife #instagrammom #momsofig #christmastime #festive #holidayseason #tistheseason #christmasspirit #holidays
Kentucky Christmas // It’s our second year home Kentucky Christmas // It’s our second year home for Christmas and you’ll catch me here by the fire all season. This is what dreams are made of. 

#kentuckychristmas #christmasinkentucky #louisvillechristmas #momsoflouisville #kentuckymom #christmasdecor #christmas2022 #merrychristmas

Copyright © 2023 · Christi Fultz

Copyright © 2023 · Website + Branding Design by Christi Fultz.