One Mom’s Journey from Fat to Skinny to Confident


Ask Roni: Cropping a Screen Shot aka getting the little Nike+ charts on your blog

8 Comments 1365 views

Random…but how do you upload your little nike+ run stuff to your website? I’d LOVE to show those in my posts while I train this spring.

Thanks Roni!!


Hi Brandi!

This is a very posular question at the moment so I thought I’d do a step by step. You can use those tutorial to get images of your runs but the technique can really be used for anything.

Step 1: Take a Screen Shot

Navigate to your run on the Nike+ website (or anything for that matter) and take a screen shot. The process to do this will be different depending on your computer. If you do not know how click here for instructions on taking a screen shot.

Step 2: Crop and Resize

I do this with photoshop but here is a simple solution using an online program.

Visit DrPic and load you screen shot

Click "browse…", select the screen shot. Then click "Load Picture"

You should then see the screen shot loaded on the page…

Scroll down to see the entire image. Click and drag to select the area you want to crop.

Click the crop button…

Marvel at you cropped image. :)

Now you will probably want to resize it as well. Click the resize button. I normally size to 500 pixels wide. That should fit in most blog templates.

You’re done! Save to disk…

Viola! The finished product! Now you can upload a nice little image of your run for your blog. Or what I’d like to call, a nice little cropped image without the use of expensive software packages. :)

Hope that helps Brandi! Let me know if you have any other questions. :)

Leave a comment

I’d love to hear your story or thoughts on mine.

However, to prevent the massive amounts of spam I was receiving I have turned off comments on any post older than 5 days old. If you'd like to leave me a note regarding this post or anything really try me on twitter (@RoniNoone,) my Facebook page, or even IG (@RoniNoone) I'm so sorry for the inconvenience. I never thought I'd have to do this but it's gotten way out of hand and comment management has become simply too time consuming to manage.


There are 8 comments so far.


    January 18, 2010

    For those who have Vista, it has a built-in screenshot cropping tool, too – the Snipping Tool. It’s under accessories, and looks like this:


    January 18, 2010

    Err, that didn’t work properly. It looks like this:


    January 18, 2010

    Thanks misty! I’m on a MAC and I didn’t know they added that new feature.

    There are tons of easy ways to do this. I tried to give one solution for those that are unsure.

    Laura Jane

    January 19, 2010

    I second Misty! I absolutely love the snipping tool – so quick and easy. It comes with Vista and Windows 7. You can select whatever area of the screen you want to and then you can save it and it also copies that selection to your clipboard. You can’t resize within the cutting tool itself, so if you need to resize, you would just have to open the file in the program you’re using to resize. Another good, free alternative to Photoshop is gimp (

    Chris Brown

    January 31, 2010

    I’m on a PC and don’t have photoshop, so I do a screen capture and paste it into Paint. Then cut my crop. Paste it into new. Then resize using image – stretch and skew. Another blogger friend of mine on a PC just told me she uses Kodak Easy Share because it has a nice one click resizing feature.


    June 11, 2010

    There is a simple and amazing tool called Zapgrab. Free download and you literally click ‘grab’, highlight the part of the screen you want to copy, and then paste it into wherever you want it to go


    June 14, 2010

    If you’re using a Mac you can also just press “the apple symbol, shift, 4” and a symbol should appear on your cursor. Then you can simply click and drag an area that you want to take a screen shot of! It will save the picture on your desktop :) hope that helped!