How to disable component on front page?

In most template, the component always display at one position. If there nothing to display, it still stand there, that make our page seem ugly. There is an easy way to handle this problem for five step.

Step1: Create a new module position. For example we create module position intro:

countModules('intro')) : ?>

Step2: Change the code display component to like this:

countModules('intro')) : ?>

Step3: Create a module (blank custom html module) at intro position, set it display only at home

Every thing 's done. Your frontpage will not display component.

Thinking like this way, we can modify where and when the component display in our website. It is not stay at the same position from page to page.