Cara memasang artikel terkait tanpa plugin

UPDATE ARTIKEL INI -> http://www.margasatrya.com/update-cara-memasang-artikel-terkait-tanpa-menggunakan-plugin-dan-cara-merubah-tampilannya.html

Artikel kali ini memang tidak seperti biasanya, biasanya saya hanya membahas mengenai tutorial dasar dan tutorial plugin wordpress saja. Mulai hari ini saya akan mencoba untuk membahas juga mengenai pemasangan seperti artikel terkait atau random post secara manual tanpa menggunakan plugin atau istilah kerennya wordpress hacks :D .

Tapi untuk ke depannya saya tidak hanya akan membahasa mengenai artikel terkait atau random post saja, nanti pasti akan saya kembangkan. Tujuannya adalah untuk anda yang tidak suka menginstall banyak plugin tapi ingin melengkapi fasilitas pada blog anda. Untuk mengawali category baru ini saya bahas seperti judul artikel ini, cara memasang artikle terkait tanpa plugin.

Artikel terkait adalah artikel yang berhubungan antara satu artikel dengan artikel lainnya berdasarkan tag atau category. Biasanya saya menggunakan plugin YARP atau Yet another related post untuk memunculkan artikel terkait tepat di bawah postingan. Tapi setelah menemukan cara agar bisa memunculkan artikel terkait dengan manual akhirnya saya gunakan cara manual, agar mengirit space hosting :D . Artikel terkait ini juga memilki manfaat untuk meningkatkan pageview blog anda. Untuk memulainya silahkan anda buka file single.php di template anda .


Setelah itu anda cari code berikut :

{code type=html} <?php the_content(); ?> {/code}

Kemudian anda salin code di bawah ini tepat di bawah kode di atas.

{code type=html}<?php
$this_post = $post;
$category = get_the_category(); $category = $category[0]; $category = $category->cat_ID;
$posts = get_posts(‘numberposts=6&offset=0&orderby=post_date&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 ) : ?>
<div>
<h2>Artikel Terkait</h2>
<ol>
<?php foreach ( $posts as $post ) : ?>
<li><a href="<?php the_permalink() ?>"><?php if ( get_the_title() ){ the_title(); }else{ echo "Untitled"; } ?></a></li>
<?php endforeach // $posts as $post ?>
</ol>
</div>
<?php endif // $posts ?>
<?php
$post = $this_post;
unset($this_post);
?>{/code}

Untuk contohnya anda bisa lihat di bawah artikel ini. Apabila ada pertanyaan atau anda merasa kesulitan silahkan bertanya saja di komentar.
Selamat mencoba dan semoga bermanfaat !

Penulis: Satrya Bima - http://www.margasatrya.com

Satrya, founder margasatrya.com yang saat ini sedang bekerja di salah satu provider theme e-commerce, Tokokoo.com sebagai Front End Developer. Mau mengenal saya lebih jauh ? Silahkan follow twitter atau kontak saya

Berlangganan Artikel Gratis !

  • Pingback: Tweets that mention Cara memasang artikel terkait tanpa plugin -- Topsy.com

  • mas doyok

    2 kolom di bawah postnya cantik satrya
    jadi terkesan hemat tempat tapi sangat usefulll :D

    tutornya mantap
    .-= mas doyok´s last blog ..Tool Upload Video di Editor Baru dan Upload Foto Yang Lebih Baik =-.

  • Febriyanto

    Ga ngarti bro…. Trlalu canggih… hha :D

  • rismaka

    Bisa dipasang di sidebar ga mas?
    .-= rismaka´s last blog ..Refleksi di Tulisan Ke-300 rismaka.NET =-.

    • http://www.margasatrya.com Satrya

      Bisa mas, tapi harus disisipkan di code .php nya

    • Bang Dje

      Tapi memang lebih logis dipasang di single post karena menunjukkan artikel yang berkaitan dengan artikel yang sedang dibuka. Kalau dipasang di sidebar merujuk ke artikel yang mana ? Oh, … kecuali kalau sidebarnya sudah dipermak seperti punya mas rismaka. Bisa juga ya. Tapi secara umum lebih cocok di single post.

  • http://www.jurug.com jurug

    apalagi kalau di custom dengan css, pasti bisa lebih powerfull spt miliknya jauhari :mrgreen:

    • http://www.margasatrya.com Satrya

      Iya saya pun custom dengan css, saya sejajarkan dengan random post.
      Mas jauhari itu seperti apa mas artikel terkaitnya ?

  • http://www.isnuansa.com isnuansa

    Postingan yang sejenis ini diambil dari kategori yang sama ya?

    Saya pernah nyoba plugin buat postingan sejenis tapi gagal, entahlah mungkin nggak kompatibel sama blog saya.

  • http://kafegue.com/ iskandaria

    Udah saya coba mas. Berhasil! Horeee. Tapi sedikit saya modif codingnya. Saya hilangkan atribut title yang terasa menggangu ketika link disorot mouse. Ada kode yang harus dihilangkan mas.
    .-= iskandaria´s last blog ..6 Tips Mengembangkan Diri dan Blog Anda =-.

    • http://www.margasatrya.com Satrya

      Selamat mas, semoga bermanfaat … itu tergantung selera mas, bila mau di maksimalkan dengan cssnya..Oia code yang menampilkan tanggal/bulan/tahunnya sudah saya hapus, terkadang ada juga yg menyukainya :D

      • Bang Dje

        Bagaimana cara menampilkan tanggalnya lagi ? Saya masih memakai yet another related post juga. Mungkin ini lebih efektif …

        • http://www.margasatrya.com Satrya

          tuh kan ada yang tanya juga cara tampilkan tanggal nya..:D , saya rubah dulu codenya y mas…

  • Mac

    makasih infonya mas, kebetulan saia lagi nyari yang ini nih
    .-= Mac´s last blog ..ScreenShot Earnings =-.

  • http://junnotes.web.id jun

    saia juga baru menrepkan ini pagi tadi di blog saia :D

    kalo yang random post gimana ya kak :)
    .-= jun´s last blog ..Berkenalan dengan usaha online #2 =-.

  • ghe

    kode di single.php saya gada…..

    adanya code ini kan bwat readmore….
    so bagaimana tuh mas?
    .-= ghe´s last blog ..pengunjung dan pembaca =-.

    • ghe

      kode [] di single.php saya gada…..

      adanya code ini ["] dan code ini kan bwat readmore….
      so bagaimana tuh mas?
      .-= ghe´s last blog ..pengunjung dan pembaca =-.

      • ghe

        wah code scriptnya ga nongol…..
        .-= ghe´s last blog ..pengunjung dan pembaca =-.

      • http://www.margasatrya.com Satrya

        bukan code, tapi File single.php

        masa gak ada, code “< ?php the_content(); ?> ” kan buat memunculkan artikel ?

        • ghe

          gada….suer te kewer” deh…
          apa ne tergantung themes?
          .-= ghe´s last blog ..cara mudah merubah mood =-.

          • http://www.margasatrya.com satrya

            Kirim aja file single.php nya kesini

  • budiarnaya

    trims infonya mas, untuk sementara saya simpan besok saya kerjakan, berhubung pakai hp susah nich
    .-= budiarnaya´s last blog ..Sebuah harapan =-.

  • http://tusuda.com/ TuSuda

    Saya sudah terapkan di blog puskel.com, salah satu blog yang saya kelola tentang info seputar puskesmas. Hasilnya tidak seperti yang tampak disini. Random artikelnya tidak mau muncul, sedangkan setiap artikel terkait selalu ada tanggalnya. Bagaimana mengatasi hal ini Mas? Makasi atas penjelasannya.

    • http://www.margasatrya.com satrya

      wah mas saya belum menjelaskan mengenai random artikelnya.Begini saja, besok saya bantu untuk memasangnya..
      .-= satrya´s last blog ..Cara memasang artikel terkait tanpa plugin =-.

  • Aldy

    Mas Satria,
    tidak ada perubahan pada file CSS-nya ?

    • http://www.margasatrya.com satrya

      sebenarnya tidak perlu mas aldy, karena codenya kan hanya ul li /li /ul , biasanya code itu sudah ada pada themenya masing2.

      Atau bisa dilihat besok mas aldy, saya mau tulis sekalian bagaimana cara buat artikel terkait dan random post seperti punya saya itu tepat di bawah artikelnya. Sekalian saya tulis juga file editan di css nya.
      .-= satrya´s last blog ..Cara memasang artikel terkait tanpa plugin =-.

  • van

    kalo yang pake plugin cranya gimana mas????

  • Gus Ikhwan

    wah seneg ya yang udah bisa aku belum bisa praktik sat, palin praktuk di lokal host aja
    belum saya upgrade bwnya

  • Pingback: Cara memasang artikel terkait dan random post tanpa plugin | Satrya Blog

  • http://kafegue.com/ iskandaria

    Kode tanggal postingnya sudah saya hilangkan mas. Berhasil juga akhirnya. Oya, atribut titlenya udah mas hilangkan juga ya tetnyata. Sip deh. Tidak ada gangguan lagi saat link disorot mouse :) Untuk model list, saya masih pilih ul li.
    .-= iskandaria´s last blog ..Tips Blogging, Bagai Buah Simalakama =-.

  • Pingback: Cara Membuat Author Box | Cara Membuat Author Box | Satrya Blog

  • http://nabhanirfani.com Irfani

    Wah, ternyata gampang, tinggal copas code, langsung jadi. thanks tutorialnya.

  • http://www.masyhury.web.id masyhury

    mas, aq udah bisa nih, tapi kok di samping link-nya ada tanggalnya juga. jadi jelek. gimana ngapusnya ya..
    please..

    • http://www.margasatrya.com Satrya

      @masyhury : sudah saya update mas :)

  • suke

    wah….
    web yang hebat terima kasih mas tutorialnya sudah saya praktekan di www.tutorialsuke.com sangat bermanfaat sekali

    • http://www.margasatrya.com Satrya

      @suke : Terima kasih banyak. Oia wabnya gk bisa dibuka mas.

  • http://masyhury.web.id masyhury

    mas, kode untuk buat recen post dan comment itu apa ya? aq mau buat tab view kayak punya mas di samping tu, udah aq bisa buat tab view tapi gak tau bentuk kode script buat manggil recen posnya. kasi tau ya.. please..

    • http://www.margasatrya.com Satrya

      @masyhury,

      Recent Post :

      < ?php wp_get_archives('title_li=&type=postbypost&limit=10'); ?>

      Recent Comment :

      < ?php
      global $wpdb;
      $number=9; // number of recent comments desired
      $comments = $wpdb->get_results(“SELECT * FROM $wpdb->comments WHERE comment_approved = ’1′ ORDER BY comment_date_gmt DESC LIMIT $number”);
      ?>

        < ?php
        if ( $comments ) : foreach ( (array) $comments as $comment) :
        $author=wp_kses($comment->comment_author,”,”);
        $content=wp_kses($comment->comment_content,”,”);

        echo ‘

      • ‘ . sprintf(__(‘%1$s on %2$s’), $author, ‘comment_ID) . ‘” title=”‘.$content.’”>’ . get_the_title($comment->comment_post_ID) . ”) . ‘
      • ‘;
        endforeach; endif;?>

  • http://www.isnuansa.com isnuansa

    Dulu perasaan udah install YARP, tapi error, nggak muncul postingan terkaitnya, makanya diilangin lagi…

    • http://www.margasatrya.com Satrya

      Mungkin pakai kode di atas bisa berfungsi di blog mba.

  • blog berita

    tank gan ilmu nya ane cobain dulu yahh…

  • ipod touch 2010

    template saya kug ga ada file single.php, adanya singular.php gmana mas?

    • http://www.margasatrya.com Satrya

      mungkin itu template yg sudah lama dibuatnya. Mestinya single.php

  • http://rtblackmore.wordpress.com rtblackmore

    kalo di wordpress.com gimana caranya?

    • http://www.margasatrya.com Satrya

      Maaf belum pernah mencobanya mas :)

  • Id-Mac

    barusan pasang pake panduan sampeyan bro.. makasih

  • yayah

    klo tanpa plugin blog jadi lebih cepat ya

    • http://www.margasatrya.com Satrya

      Sebenarnya sih tergantung dari kegunaan plugin2 yg anda pakai, seandainya banyak plugin yg menggunakan java script tentu akan menambah bobot blog anda. Tapi setidaknya tutorial ini dapat mengurangi ketergantungan akan plugin.

  • http://arieweb.net arie

    gut…guuut..
    pingin rasanya bisa wordpress, tapi kenapa yah sampe sekarang gak ngerti2..
    :( (

  • http://andreasandre.net andre

    wah yang ini rasanya bagus untuk diterapkan bro, bedanya dengan plugin dan tanpa plugin apa bro. lebih berat akses yang pake plugin ya? atau gmana

    • http://www.margasatrya.com Satrya

      hanya lebih bisa menghemat penggunaan plugin mas :mrgreen:

  • http://ghoziblitar.wordpress.com saiful

    wah, wordprss sy g ada single php-nya.. template jadul.. harus diganti nampaknya nih..

  • Nutaryuk

    Wah ada tips dan tutor bagus ni.
    Minta ijin untuk mencoba Mas.

    Salam kenal

  • http://www.nyubi.com/ Business & Finance

    saia pake tutorial ini.. makasih ya mas ;)

    • http://www.margasatrya.com Satrya

      Sama2 ;)

  • ardianzzz

    bandingkan dengan tag textpattern untuk menampilkan artikel terkait:
    <txp:related_articles />
    Itulah kenapa saya lebih menyukai TxP. :)

  • Deden Hf

    katanya kalau ga pake plugin jadi lebih cepet ya aksesnya?? coba dulu aaah. tengkyu, boi. :)

  • http://www.eserzone.com eserzone

    mantap bro tutorialnya saya suka, thanks ya…. Btw gimana biar tampilannya bisa bagus di blog ini :-)

  • http://www.eserzone.com eserzone

    mantap bro tutorialnya saya suka, thanks ya…. Btw gimana biar tampilannya bisa bagus di blog ini? :-)

  • Pingback: Update Cara Memasang Artikel Terkait Tanpa Menggunakan Plugin Dan Cara Merubah Tampilannya

  • http://css.web.id Colek

    Code di atas, mensortir posting berdasarkan apa? tag atau kategori? knapa ketika saya coba di blog saya, hanya menampilkan 5 postingan terakhir.
    berarti yang tampil bukan yang related dengan postingan.

    • http://css.web.id Colek

      maaf, komen saya di atas diabaikan saja. ternya karena menggunakan plugin syntax higllighter tanda & berubah menjadi &
      mohon kita perhatikan dengan seksama. :D

      • http://www.margasatrya.com/ satrya

        Ups, sory mas baru keliatan sama saya nih :D

        tanda & jadi & :D , nanti saya edit dulu

        Itu berdsarkan kategori mas.

        Ini yang terbarunya,

        http://www.margasatrya.com/update-cara-memasang-artikel-terkait-tanpa-menggunakan-plugin-dan-cara-merubah-tampilannya.html

  • http://risnadiberbagi.blogdetik.com risnadi

    Wah.. kok saya gak ada menu editornya ya?

    • ghe

      mencoba untuk membantu…..
      kenapa tidak ada menu editornya?
      karena nada mengunakan blogdetik dan ini digunakan untuk wp…. CMIIW

  • ghe

    uia saya harus berada di bawah kode [] karena kode [] gada…ataukah sama saja kang?

    uia nanya lagi kalo related post ini kan kayanya masih random sistemnya…kalo berdasarkan kategori dimana harus di utak atiknya?

    • ghe

      eh sepertinya lebih tepatnya related post 5 postingan sebelumnya…..

  • محمد سهلان رشيدى

    wajib dicoba…, karena saya sudah kebanyakan pasang plugin…

  • Topandesign

    thanks dh berbagi,,,
    lumayan ngurangin install plugin,,,

  • Pingback: Cara Membuat Author Box - kios-bisnis.com