Home » Optimasi Wordpress » Cara Membuat Random Post

Cara Membuat Random Post

27 Feb. 201158 comments
Cara Membuat Random Post

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”>
Mudah-mudahan artikel tentang Cara Membuat Random Post ini bisa bermanfaat untuk anda, terima kasih.

Artikel Yang Mungkin Berkaitan :

  1. Mempercepat Loading WordPress dengan Zlib Compression
  2. Cara Menggunakan File CSS Yang Berbeda Untuk Home, Single Dll
  3. Customisasi Tampilan Tag Cloud
  4. Cara Mencegah atau Menghalau Spambot
  5. Cara Menyembunyikan Versi WordPress
  6. Cara Setting Plugin Platinum SEO Pack
  7. Cara Membuat Social Media Sharing Tanpa Plugin
  8. Cara Membuat Tampilan Postingan Yang Berbeda-beda
  9. Cara Membatasi Jumlah Karakter Komentar
  10. Membuat WordPress Versi Mobile Dengan W3 Total Cache
  1. 28-2-2011 at 13:28 | #1

    nice post…thanks gan

    Reply

  2. 28-2-2011 at 19:02 | #2

    nice post sir…i share this with my friends on my website…thanks

    Reply

  3. adhani
    2-3-2011 at 17:58 | #3

    saya sudah tes mas alwi.. satu lagi tutorial dari mas alwi yang membuat saya meng-uninstal plugin wordpress :D
    trima kasih artikelnya bermanfaat

    Reply

  4. 2-3-2011 at 19:11 | #4

    langsung di coba mas……

    Reply

  5. 4-3-2011 at 12:58 | #5

    ok nih Nice tips to try

    Reply

  6. 7-3-2011 at 10:04 | #6

    Kudu di bokmak sik ini mas.

    Reply

    barcode printer Reply:

    iyo iki pak, disimpen dulu

    Reply

  7. 8-3-2011 at 02:35 | #7

    penasaran jajal nih, boleh di dokumen kan nggak Kang agar nggak lupa?

    Reply

    dHaNy Reply:

    Trik ini belum jadi saya coba mas.. kemarin mau migrasi hosting dulu..

    Reply

    citromduro Reply:

    boleh kok, tapi benar boleh nggak ya???

    Reply

  8. 9-3-2011 at 09:15 | #8

    Mohon ijin mencermati script-nya…..

    Reply

  9. 17-3-2011 at 01:16 | #9

    tetap geleng2 belum paham kalau baca tanpa praktek. lagi males praktek

    Reply

  10. 24-3-2011 at 05:42 | #10

    Benar2 mantap Gan postingannya, akhirnya blogku bisa pake related post setelah bermasalah setalah menggunakan plugin krn terlalu berat, tks ya sdh berbagi

    Reply

Comment pages
0+9=? (Wajib diisi)