WP: Theme For List/Directory Article Versi 1

Use this theme:
Theme Name: Twenty Twelve
Theme URI: https://wordpress.org/themes/twentytwelve/
Author: the WordPress team

Install this plugin:
Prime Strategy Page Navi (https://wordpress.org/plugins/prime-strategy-page-navi/)
Auto Numbering Post (https://wordpress.org/plugins/auto-numbering-post/)

Open file: /wp-content/themes/twentytwelve/index.php

Find this code (line 25):
<?php get_template_part( 'content', get_post_format() ); ?>

Replace with this code:
<?php if ( function_exists( 'page_navi' ) ) page_navi( 'items=7&prev_label=Prev&next_label=Next&first_label=First&last_label=Last&show_num=1&num_position=after' ); ?>
			<?php /* Start the Loop */ ?>
			<?php while ( have_posts() ) : the_post(); ?>
				<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
				<div class="entry-title">
				<a href="<?php echo get_permalink($recent->ID); ?>">
				<?php the_title(); ?>
				</a>
				</div>
				</div><!-- #post -->
			<?php endwhile; ?>
<?php if ( function_exists( 'page_navi' ) ) page_navi( 'items=7&prev_label=Prev&next_label=Next&first_label=First&last_label=Last&show_num=1&num_position=after' ); ?>

Save file and close.

2. Open file: /wp-content/themes/twentytwelve/style.css

In bottom, pasaste this code:

/* =Style for Prime Strategy Page Navi
----------------------------------------------- */
.page_navi {
    text-align: center;
}

.page_navi li {
    display: inline;
    list-style: none;
}

.page_navi li.current span {
    color: #000;
    font-weight: bold;
    display: inline-block;
    padding: 3px 7px;
    background: #fee;
    border: solid 1px #fcc;
}

.page_navi li a {
    color: #333;
    padding: 3px 7px;
    background: #eee;
    display: inline-block;
    border: solid 1px #999;
    text-decoration: none;
}

.page_navi li a:hover {
    color: #f00;
}

.page_navi li.page_nums span {
    color: #fff;
    padding: 3px 7px;
    background: #666;
    display: inline-block;
    border: solid 1px #333;
}


Save file and close.