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

  • How to Add Custom Fonts to Your Blog
  • Quick Tutorial: Backing Up Your Blog
  • Tutorial: How To Dress Up Your TpT Store!
  • 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 | WordPress website design + virtual assistance for creative entrepreneurs. FREE digital marketing guides. ⬇️

Christi | WordPress Expert + Brand Strategist
Here We Go // Carter needed his moment to shine to Here We Go // Carter needed his moment to shine too ✨
Summer Nights // It’s the unofficial start to su Summer Nights // It’s the unofficial start to summer and we’re here for it.
Little Moments // It’s been the best day. Little Moments // It’s been the best day.
Science With Kids // Are you a fun mom, but also o Science With Kids // Are you a fun mom, but also one who enjoys the “easy” button? 🙋‍♀️Yep, that’s me. Life is too hectic for fancy right now! 

That’s why I love these Generation Genius science kits for kids. 🧪They come with everything you need to do 3 science experiments, so there’s no running around looking for individual supplies or buying in bulk more than you need. 🥼 There was enough to do each experiment more than once so the kids were able to share happily.

🔬 We’re already looking forward to the next one! Visit my bio to learn more and ➡️ get your first month free ⬅️ with my affiliate link (which Carter will promptly use on more science kits!). 

#louisvilleky #momsoflouisville #louisvillemoms #louisvillemomcollective #kentuckyblogger #kyblogger #louisvilleblogger #igerslouisville #derbycitymama #momentsinchildhood #momlife #instagrammom #iteachscience
Science Kit Review // You know me and subscription Science Kit Review // You know me and subscription boxes… this one was a big winner all around! 

Each kit has three science experiments inside with enough materials to do each experiment multiple times. 

My favorite part are the tutorial videos from Dr. Jeff! It’s like having your very own expert right beside you every step of the way.

Link in bio to learn more, but HURRY to save on your first box! With a 30 day money back guarantee, why not??

#scienceexperiment #scienceathome #scienceforkids #diyscience #homeschoolideas #homeschoolscience #louisvilleky #momsoflouisville #louisvillemoms #derbycitymama #iteachscience #scienceteacher #diysciencekit
Baking With Kids // There’s icing all over my co Baking With Kids // There’s icing all over my counter and cake crumbles with sprinkles all over my floor. The kids have had a sugar rush before noon, and we LOVED EVERY SECOND OF IT. 

Some of my favorite childhood memories are making cupcakes with my mom. When I saw the I’m The Chef Too subscription box, it was an easy YES. Almost everything you need is right inside the box each month to make it easy. There are typically about 3 servings, so you make enough for everyone to have one treat without leftovers hanging around.

Now... who is going to clean up this mess??

#louisvilleky #momsoflouisville #louisvillemoms #louisvillemomcollective #kentuckyblogger #kyblogger #louisvilleblogger #igerslouisville #derbycitymama #bakingwithkids #kidsinthekitchen #familybaking #momentsinchildhood
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

Here We Go // Carter needed his moment to shine to Here We Go // Carter needed his moment to shine too ✨
Summer Nights // It’s the unofficial start to su Summer Nights // It’s the unofficial start to summer and we’re here for it.
Little Moments // It’s been the best day. Little Moments // It’s been the best day.
Science With Kids // Are you a fun mom, but also o Science With Kids // Are you a fun mom, but also one who enjoys the “easy” button? 🙋‍♀️Yep, that’s me. Life is too hectic for fancy right now! 

That’s why I love these Generation Genius science kits for kids. 🧪They come with everything you need to do 3 science experiments, so there’s no running around looking for individual supplies or buying in bulk more than you need. 🥼 There was enough to do each experiment more than once so the kids were able to share happily.

🔬 We’re already looking forward to the next one! Visit my bio to learn more and ➡️ get your first month free ⬅️ with my affiliate link (which Carter will promptly use on more science kits!). 

#louisvilleky #momsoflouisville #louisvillemoms #louisvillemomcollective #kentuckyblogger #kyblogger #louisvilleblogger #igerslouisville #derbycitymama #momentsinchildhood #momlife #instagrammom #iteachscience
Science Kit Review // You know me and subscription Science Kit Review // You know me and subscription boxes… this one was a big winner all around! 

Each kit has three science experiments inside with enough materials to do each experiment multiple times. 

My favorite part are the tutorial videos from Dr. Jeff! It’s like having your very own expert right beside you every step of the way.

Link in bio to learn more, but HURRY to save on your first box! With a 30 day money back guarantee, why not??

#scienceexperiment #scienceathome #scienceforkids #diyscience #homeschoolideas #homeschoolscience #louisvilleky #momsoflouisville #louisvillemoms #derbycitymama #iteachscience #scienceteacher #diysciencekit
Baking With Kids // There’s icing all over my co Baking With Kids // There’s icing all over my counter and cake crumbles with sprinkles all over my floor. The kids have had a sugar rush before noon, and we LOVED EVERY SECOND OF IT. 

Some of my favorite childhood memories are making cupcakes with my mom. When I saw the I’m The Chef Too subscription box, it was an easy YES. Almost everything you need is right inside the box each month to make it easy. There are typically about 3 servings, so you make enough for everyone to have one treat without leftovers hanging around.

Now... who is going to clean up this mess??

#louisvilleky #momsoflouisville #louisvillemoms #louisvillemomcollective #kentuckyblogger #kyblogger #louisvilleblogger #igerslouisville #derbycitymama #bakingwithkids #kidsinthekitchen #familybaking #momentsinchildhood
It Had To Be Done // When my monthly farm flowers It Had To Be Done // When my monthly farm flowers subscription came on Valentine’s Day, I couldn’t resist. These will bloom over the next few days. 💐
Offering Websites + Logos Since 2012 // When you w Offering Websites + Logos Since 2012 //
When you work with me, I become your digital marketing business bestie; one point person who helps you get it all done and saves you time with a website that will be beautiful outside and powerful inside. Design by Christi Fultz creates logos, installs WordPress websites, sets up email marketing, and offers virtual assistance for creative entrepreneurs. Let’s tackle your to-do list.

#wordpressdesign #teacherpreneurs #smallbusinesstips #websitedesigner #louisvillesmallbusiness #lousivilleky #kentuckyblogger #kyblogger #louisvilleblogger #igerslouisville #momsaroundlouisville #derbycitymama #kentuckymom #locallouisville #mompreneur #momprenuerlife #tptseller #creativebusinessowner #creativeladydirectory

Copyright © 2023 · Christi Fultz

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