위젯에 이전 다음버튼을 넣고싶습니다.

현재 게시글을 불러오는거 까지는 만들었는데 다음 이전버튼을만들어서 추가적으로 더 게시글을 보여주는걸 만들고 싶습니다.

한번에 9개의 글을 읽어와서 3개만보여주고 6개는 감춰진상태에서 다음 이전버튼으로 불러오는걸 만들고 싶은데 좋은방법좀 알려주시면 감사합니다.

위젯은 이런식으로 만들었습니다.

<!--@foreach($tab_list as $key => $val)-->
       <div class="test">
        <!--@foreach($val->document_list as $k => $v)-->
        <ul class="box">
            <li class="test1">
                <!--@if(!$_thumbnail_checked && $v->thumbnailExists($widget_info->thumbnail_width, $widget_info->thumbnail_height))-->
                    <td width="130px" height="100px">
                        <a href="{getSiteUrl($val->domain,'','document_srl',$v->document_srl)}"><img src="{$v->getThumbnail($widget_info->thumbnail_width,$widget_info->thumbnail_height,$widget_info->thumbnail_type)}" border="0" alt="" /></a>
                    </td>
                    {@ $_thumbnail_checked = true; }
                <!--@else-->
                <td width="130px" height="100px">
                    <a href="{getSiteUrl($val->domain,'','document_srl',$v->document_srl)}"><img src="/images/100100.png"/></a>
                </td>
                </li>
                <!--@end-->
            <li class="test2">
                <td>
                    <div class="title">
                    <span class="title">
                    <a href="{$v->getPermanentUrl()}#{$v->getCommentCount()}">{$v->getTitle($widget_info->subject_cut_size)}</a></span>
                    <span class="author"> - {$v->getNickName()}</span>
                    <span class="icon">{$v->printExtraImages($widget_info->duration_new)}</span>         
                    </div>
                    </td>
                {@ $_thumbnail_checked = true; }
            </li>
            <li class="test3">
            내용불러올자리
            </li>
        </ul>
                      <!--@end-->
    </div>

    <!--@end-->