I've been getting a lot of questions how to get a full body (whole page) screenshot of themes or any website. So here, hope you guys will learn something from this.

1) Go to any website of your choice. Press PrintScreen (usually found beside F12). Pressing the PrintScreen key is like pressing CTRL+C (copying).

2) Open your graphic application software. I'm using Photoshop as an example.
Open a New File, 1024x768 pixels (to capture to entire width).

Open a New File


2) Now you have a blank page in front of you. Press CTRL+V (paste) and yehey! You now have the upper portion of the theme.


3) Now, we need to crop the image to make it look neat and clean.
Click on the CROP tool


and crop the image. Just get rid off the top, sides and bottom as shown below:


:: Now you have a perfect top portion screenshot ::


If you want to get the screenshot of a whole page view, just repeat steps 1-3. Make sure you are copying (by pressing PrintScreen) on the different portions of the page, starting from the top until you reach the bottom.

Once you have all "portions" of the page on your Photoshop:
a) create a New File again. I'm using 1024x2500pixels this time.
b) Put all the portions of the page together in the New File we just created.
c) You might have to make some adjustments to make the screenshot look like real.

So here's the almost finished product. I didn't finish it all the way down to the footer to show you an idea how it would look like during the process: