Bom dia pessoal, estou fazendo um site que tem os posts, porém não quero usar o sistema de paginação, quero fazer um botão que carregue mais post, daí queria saber como faço.. 

    <header id="top">
		<a href="#"><p id="nome">projeto</p></a>
	</header>

	<div id="principal">
		<div class="linha">
			<div class="post"></div>
			<div class="post"></div>
			<div class="post"></div>
		</div>
		<div class="linha">
			<div class="post"></div>
			<div class="post"></div>
			<div class="post"></div>
		</div>
		<div class="linha">
			<div class="post"></div>
			<div class="post"></div>
			<div class="post"></div>
		</div>
	</div>

	<div id="butao">
		<p id="load">MAIS</p>
	</div>

Esse é o código que fiz até agora, será quem alguém pode me ajudar? Fazendo com que quando o botão "MAIS" seja clicado, ele carregue uma nova linha com mais 3 posts..

Desde já agradeço..