Cara Tampilkan Iklan di Post Terakhir

Pengguna WordPress, waspadalah. Insya Allah saya akan reguler memberikan beberapa tips agar WordPress kita menjadi lebih nyaman dan menjadi yang kita inginkan. Karena ini tips seputar WordPress tentunya akan sedikit dan banyak mengulas bagaimana mengoptimalkan Mesin Blogging kita. Anda tidak perlu bingung, jika anda awam tentang dunia XHTML dan CSS ini, saya akan memandu semampu saya dan semampu anda tentunya

Pada posting kali ini, saya akan memberi tips untuk menaruh iklan hanya dipostingan terakhir sebuah iklan dan postingan berikutnya akan tampil seperti biasa. Atau bahasa mudahnya, saya akan memberikan tampilan beda hanya untuk postingan terakhir pada halaman utama (tambah bingung?)

Siapkan Themes yang akan anda olah dan Aplikasi Code Editor yang anda suka. Kemudian buka file INDEX.PHP atau HOME.PHP. Jika anda jeli pada kebanyakan themes wordpress. Loop pada INDEX.PHP berisi kode standar seperti ini

< ?php while (have_posts()) : the_post(); ?>
<div class="post" id="post-<?php the_ID(); ?>">
<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="< ?php _e('Permanent Link to','ayumi') ?> < ?php the_title(); ?>">< ?php the_title(); ?></a> &#8226; <span class="date">< ?php the_time('m.d.y') ?></span></h2>
<div class="entry">
< ?php the_content(__('More &rarr;','ayumi') ); ?>
</div>

< ?php if(function_exists('the_tags')): ?>
<div class="tags">< ?php the_tags(__('Tags: ','ayumi'), ', ', ''); ?></div>
< ?php endif; ?>

<p class="meta2"><span class="catr">< ?php _e('Posted in','ayumi') ?> < ?php the_category(', ') ?></span>< ?php edit_post_link(__('Edit','ayumi'), ' <span class="editr">', ' '); ?><span class="commr">< ?php _e('with','ayumi')?> < ?php comments_popup_link(__('No Comments &rarr;','ayumi'), __('1 Comment &rarr;','ayumi'), __('% Comments &rarr;','ayumi')); ?></span>
</p>
</div>
< ?php endwhile; ?>
<div class="navigation">
<div class="alignleft">
< ?php next_posts_link('&larr; '.__('Previous Entries','ayumi')) ?>
</div>
<div class="alignright">
< ?php previous_posts_link(__('Next Entries','ayumi').' &rarr;') ?>
</div>
</div>

Sederhana bukan? Ini code saya cuplikkan dari Theme Ayumi saya. Untuk theme lain kurang lebih akan seperti itu., Oke mari kita lanjutkan. Saatnya Operasi.

Setelah index.php tadi terbuka, kemudian pada baris yang anda temukan seperti diatas dihapus dulu. Ganti dengan Baris Kode Berikut.

< ?php $my_query = new WP_Query('showposts=1');
while ($my_query->have_posts()) : $my_query->the_post();
$do_not_duplicate = $post->ID;?>

<div class="post <a title="See also Feature Baru di Facebook Page ..." href="http://nurudin.jauhari.net/feature-baru-di-facebook-page.jsp">featured</a>&quot; id="post-<?php the_ID(); ?>">
<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="< ?php _e('Permanent Link to','ayumi') ?> < ?php the_title(); ?>">< ?php the_title(); ?></a> &#8226; <span class="date">< ?php the_time('m.d.y') ?></span></h2>
<div class="entry">
< ?php the_content(__('More &rarr;','ayumi') ); ?>
</div>

< ?php if(function_exists('the_tags')): ?>
<div class="tags">< ?php the_tags(__('Tags: ','ayumi'), ', ', ''); ?></div>
< ?php endif; ?>

<p class="meta2"><span class="catr">< ?php _e('Posted in','ayumi') ?> < ?php the_category(', ') ?></span>< ?php edit_post_link(__('Edit','ayumi'), ' <span class="editr">', ' '); ?><span class="commr">< ?php _e('with','ayumi')?> < ?php comments_popup_link(__('No Comments &rarr;','ayumi'), __('1 Comment &rarr;','ayumi'), __('% Comments &rarr;','ayumi')); ?></span>
</p>
</div>

< ?php endwhile; ?>

< ?php if (have_posts()) : while (have_posts()) : the_post();
if( $post->ID == $do_not_duplicate ) continue; update_post_caches($posts); ?>

<div class="post" id="post-<?php the_ID(); ?>">
<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="< ?php _e('Permanent Link to','ayumi') ?> < ?php the_title(); ?>">< ?php the_title(); ?></a> &#8226; <span class="date">< ?php the_time('m.d.y') ?></span></h2>
<div class="entry">
< ?php the_content(__('More &rarr;','ayumi') ); ?>
</div>

< ?php if(function_exists('the_tags')): ?>
<div class="tags">< ?php the_tags(__('Tags: ','ayumi'), ', ', ''); ?></div>
< ?php endif; ?>

<p class="meta2"><span class="catr">< ?php _e('Posted in','ayumi') ?> < ?php the_category(', ') ?></span>< ?php edit_post_link(__('Edit','ayumi'), ' <span class="editr">', ' '); ?><span class="commr">< ?php _e('with','ayumi')?> < ?php comments_popup_link(__('No Comments &rarr;','ayumi'), __('1 Comment &rarr;','ayumi'), __('% Comments &rarr;','ayumi')); ?></span>
</p>
</div>

< ?php endwhile; endif; ?>

<div class="navigation">
<div class="alignleft">
< ?php next_posts_link('&larr; '.__('Previous Entries','ayumi')) ?>
</div>
<div class="alignright">
< ?php previous_posts_link(__('Next Entries','ayumi').' &rarr;') ?>
</div>
</div>

Jadi dah… itu tadi akan membuat dua buah loop, dimana loop pertama akan mengambil 1 postingan terakhir dan looping kedua akan melakukan sisa loop dengan dikurangi post dari loopingan pertama.

Coba anda perhatikan, pada looping pertama diatas ada class featured. Dengan adanya class ini kita bisa mepercantiknya dengan memainkan kode cssnya seperti contoh berikut

.featured {
background: #efefef;
border: 1px solid #ccc;
padding: 10px;
}

Kode itu akan membuat postingan featured anda berwarna Grey dengan Border Lebih Gelap. Anda tidak hanya bisa bermain dicssnya, anda bisa menyisipkan kode iklan anda di postingan terakhir ini, cukup modifikasi aja pada bagian looping pertama.

Selamat Mencoba, jika anda tidak selamat ketika mencoba, mari kita diskusikan disini