Updated example and code, added transitions, and moved sections

For the example found in "Customizing JSPs Without Overriding the Original", the code example was not working correctly. I fixed the code and reworded the text to match what it is accomplishing. I also added some steps to make it into a small exercise.

http://issues.liferay.com/browse/LRDOCS-464