Cara Membuat Random Post

27 Feb. 201147 comments

Random Post adalah cara untuk menampilkan beberapa postingan secara acak atau tidak berdasarkan kategory tertentu. Ini sangat berbeda dengan Related Post atau posting terkait yang berdasarkan kesamaan tema atau topik bahasan tertentu.

Manfaat dari ditampilkannya Random Post hampir sama dengan kegunaan Related Post, yakni memberikan kesempatan bagi pengunjung untuk mengeksplorasi dan menemukan lebih banyak informasi dan pilihan. Sedangkan manfaat untuk pemilik blog yakni untuk meningkatkan page view pada postingan postingan tertentu.

Berikut ini kode yang bisa ditambahkan untuk menampilkan postingan secara acak (random), ini sekaligus sebagai jawaban dari pertanyaan Mas Dhany Setiawan di sini tentang bagaimana cara menampilkan random post di bawah postingan, tepatnya di bawah Related Post atau artikel terkait seperti yang pernah saya sampaikan sebelumnya.

Cara Membuat dan Menampilkan Random Post :

1. Buka file single.php, bisa dari dashboard atau cpanel hosting.

2. Cari kode untuk menampilkan Related Post seperti ini :

<?php $this_post = $post;$category = get_the_category(); $category = $category[0]; $category = $category->cat_ID;$posts = get_posts('numberposts=6&offset=0&orderby=rand&order=DESC&category='.$category);$count = 0;foreach ( $posts as $post ) {if ( $post->ID == $this_post->ID || $count == 5) {unset($posts[$count]);}else{$count ++;}}?>
<?php if ( $posts ) : ?><br>
<strong>Artikel Yang Mungkin Berkaitan :</strong>
<div class="related_post">
<ul>
<?php foreach ( $posts as $post ) : ?>
<li><a href="<?php the_permalink() ?>" target="_blank"><?php if ( get_the_title() ){ the_title(); } else { echo "Tidak ada artikel yang berkaitan"; } ?></a></li>
<?php endforeach // $posts as $post ?>
</ul></div>
<?php endif ?>
<?php $post = $this_post;unset($this_post);?>

3. Tambahkan kode berikut ini :

<strong>Random Posts :</strong>
<div class="random_post">
<ul>
<?php
$rand_posts = get_posts('numberposts=5&orderby=rand');
foreach( $rand_posts as $post ) : ?>
<li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>
<?php endforeach; ?>
</ul>
</div>

di atas kode <?php endif ?> <?php $post = $this_post;unset($this_post);?>

4. Secara keseluruhan (kode related post dan random post) jadi seperti ini :

<?php $this_post = $post;$category = get_the_category(); $category = $category[0]; $category = $category->cat_ID;$posts = get_posts('numberposts=6&offset=0&orderby=rand&order=DESC&category='.$category);$count = 0;foreach ( $posts as $post ) {if ( $post->ID == $this_post->ID || $count == 5) {unset($posts[$count]);}else{$count ++;}}?>
<?php if ( $posts ) : ?><br>
<strong>Artikel Yang Mungkin Berkaitan :</strong>
<div class="related_post">
<ul>
<?php foreach ( $posts as $post ) : ?>
<li><a href="<?php the_permalink() ?>" target="_blank"><?php if ( get_the_title() ){ the_title(); } else { echo "Tidak ada artikel yang berkaitan"; } ?></a></li>
<?php endforeach // $posts as $post ?>
</ul></div>

<strong>Random Posts :</strong>
<div class="random_post">
<ul>
<?php
$rand_posts = get_posts('numberposts=5&orderby=rand');
foreach( $rand_posts as $post ) : ?>
<li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>
<?php endforeach; ?>
</ul>
</div>
<?php endif ?>
<?php $post = $this_post;unset($this_post);?>

Keterangan : Yang saya beri warna merah adalah jumlah postingan yang ingin ditampilkan

5. Untuk mempercantik tampilan tambahkan kode css berikut ini ke dalam file css yang anda gunakan :

.related_post{background:#eef3f1;border:1px solid #B6B7B9;margin:5px;padding:5px}
.random_post{background:#eef3f1;border:1px solid #B6B7B9;margin:5px;padding:5px}

Untuk pengaturan tampilan lebih lanjut silahkan anda customisasi sendiri sesuai selera seperti padding, margin, font, border, box-shadow,  hover dll.

<div class=”related_post”>

Artikel Yang Mungkin Berkaitan :

  1. Cara Mengoptimasi Gambar Theme
  2. Cara Membuat Dan Menampilkan Favicon Di WordPress
  3. Cara Menonaktifkan Fungsi Thumbnail
  4. Mempercepat Loading WordPress Dengan WP Widget Cache
  5. Mempercepat Loading WordPress dengan Zlib Compression
  6. Cara Menghapus Versi WordPress Pada Plugin Google XML Sitemap Generator
  7. Cara Setting Plugin Platinum SEO Pack
  8. Menampilkan Related Post Tanpa Plugin
  9. Cara Membuat Social Media Sharing Tanpa Plugin
  10. Cara Submit Blog atau Website di Google Webmasters
  1. 13-12-2011 at 06:26 | #1

    mantab gan infonya..

    Reply

  2. 20-12-2011 at 08:10 | #2

    Saya liat alexa rank blog Om Alwi ini kecil sekali,ini menunjukkan kalo blog ini cukup mendapat kunjungan dan antusiasme yang tinggi.Hal ini saya kira pantas karena dalam blog ini banyak sekali ilmu yang bisa di gali dan di pelajari,terimakasih atas share ilmunya gan,berbagi tak kan pernah rugi…

    Reply

  3. 28-1-2012 at 00:18 | #3

    Bikin berat g ya scriptnya mas klo di pasang di blog

    Reply

  4. 28-1-2012 at 00:18 | #4

    Boleh di coba nih triknya bang. bgs..bgs…

    Reply

  5. 8-2-2012 at 22:07 | #5

    kembali dapat tutorial dari kang Alwi. matur nuwun kang…

    Reply

  6. 27-4-2012 at 06:38 | #6

    Situs yang bagus sekali buat sy yg awam dan baru saja belajar utak atik blog, terima kasih

    Reply

Comment pages
1 2 3 42252
0+7=? (Wajib diisi)