WP: Theme For List/Directory Article Versi 3 (Full)

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/)
WP-PostViews (https://wordpress.org/plugins/wp-postviews/) >> setingnya: everyone

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><a class="judul" href="<?php the_permalink(); ?>">
				<?php the_title(); ?></a>
				<small><div style="text-indent: 10px;">Oleh: <?php the_tags(' '); ?> | Media: <?php the_category(', '); ?> | Terbit: <?php the_time('l, j F Y'); ?> | Dibaca: <?php if(function_exists('the_views'))  { the_views(); }?></div></small>
				</div>
            <?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 Page Navigasi
----------------------------------------------- */
.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.

3. /wp-content/themes/twentytwelve/content.php

Tambahkan:
<br/><small><div>Oleh: <?php the_tags(' '); ?> | Media: <?php the_category(', '); ?> | Terbit: <?php the_time('l, j F Y'); ?> | Dibaca: <?php if(function_exists('the_views'))  { the_views(); }?></div></small>

Tepat di bawah:
<h1 class="entry-title"><?php the_title(); ?></h1>

Hapus Metanya tepai di atas:
<?php edit_post_link( __( 'Edit', 'twentytwelve' ), '<span class="edit-link">', '</span>' ); ?>