ExpressionEngine

[Kolinski]

Hello everybody, 

 

I've started using a new CMS called Expression Engine. I'm very new but I know my way around the CMS itself and I need some help implementing a feature for a blog page. 

 

Currently on the blog page I have:

 

{embed="/embed/header"}

 

{embed="/embed/footer"}

 

..to give me my blank template of the page. 

 

I'm also using an embed to bring in the articles and a load more button, currently loading a new page with 6 new articles. 

 

What I want to achieve is an ajax load which loads 6 more articles underneath the existing 6. 

 

If anyone could help me find a tutorial or give me some advice on how to amend the current code to not load but dynamically enter 6 articles underneath ? 

 

The code underneath is the code that enables a new load with the next 6 articles 

 

Any help would be much appreciated ? HELP!

{exp:channel:entries channel="research-developments" limit="6" status="Featured|Open" entry_id="not {embed:exclude-entry}" paginate="bottom"  disable="member_data|trackbacks"}

{switch="<div class='row'>||"}
<div class="span3">
{article-block}
</div>
{switch="||</div>"}

{if {count}=={total_results}}
{if {count}!='3' AND {count}!='6'}
</div><!-- close row -->
{/if}
{/if}
{paginate}
<div class="row">
<div class="span9">
{if next_page}
<a href="{auto_path}" class="btn btn-large btn-block next" data-loading-text="Loading...">More articles (Showing page {current_page} of {total_pages} pages )</a>
{/if}
</div>
</div>  
{/paginate}

{/exp:channel:entries}