please help me ... i'm nubiew on EE.

how to display the latest article on the front page, so I want each of my finished publishing my article and the article was immediately appear on the front page.

how to change this into a recent article:

```
<div class="container">
            <div class="row">
                <div class="span6">
                    <h3>Latest News</h3>
                    <ul class="bloglist-small">
                        <li>
                            <div class="date-box">
                                <span class="day">28</span>
                                <span class="month">SEP</span>
                            </div>
                            <div class="txt">
                                <h5><a href="#">Lorem ipsum sit amet</a></h5>
                                <span class="read">Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem</span>
                                <span class="info">Sept 23, 2013 | <a href="#">Read More</a></span>
                            </div>
                        </li>
                        <li>
                            <div class="date-box">
                                <span class="day">24</span>
                                <span class="month">SEP</span>
                            </div>
                            <div class="txt">
                                <h5><a href="#">Lorem ipsum sit amet</a></h5>
                                <span class="read">Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem</span>
                                <span class="info">Sept 23, 2013 | <a href="#">Read More</a></span>
                            </div>
                        </li>
                        <li>
                            <div class="date-box">
                                <span class="day">20</span>
                                <span class="month">SEP</span>
                            </div>
                            <div class="txt">
                                <h5><a href="#">Lorem ipsum sit amet</a></h5>
                                <span class="read">Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem</span>
                                <span class="info">Sept 23, 2013 | <a href="#">Read More</a></span>
                            </div>
                        </li>
                    </ul>
                </div>

```

this is screenshot:
![danchindia screenshot](https://i.stack.imgur.com/djqTl.gif)

and this is my web danchindia.com