Membuat Related Post di dalam Postingan tanpa Plugin

Pada artikel sebelumnya kita telah mencoba membuat related post didalam postingan dengan menggunakan plugin inline related post. Karena ada beberapa pertanyaan pada grup wordpress indonesia bagaimana cara membuat inline related post tanpa plugin. Saya akan membuatkan tutorial cara membuat related post seperti berikut :

related post seperti diatas banyak sekali digunakan pada situs-situs populer seperti jalan tikus , males banget dsb.

Dibawah adalah inline related post yang ada di malesbanget.

memasang related post

Related post jalantikus.com

Sedangkan dibawah ini adalah related post yang ada di jalantikus.

memasang related post

Related post jalantikus.com

Gambar diatas adalah contoh dari related post di dalam postingan yang akan kita buat. Tutorial ini hanya digunakan untuk anda yang menggunakan CMS WordPress self host.

Pada tutorial ini kita hanya perlu menambah function baru pada wordpress dan dengan sedikit custom css agar tampilan sesuai dengan gambar diatas.

Membuat Related Post di dalam Postingan tanpa Plugin

tambahkan kode berikut pada function.php pastikan kode tersebut berada di dalam <?php  ?> untuk beberapa themes yang mendukung untuk custom function seperti theme yang saya gunakan, akan lebih baik di letakkan pada file tersebut.

kode diatas berfungsi untuk menampilkan post berdasarkan tag, dengan function sederhana untuk membuat shorcode agar mudah penggunaan  nantinya. Untuk informasi lebih lanjut tentang shotcode pada wordpress, anda bisa membaca dokumentasinya berikut. Shortcode API

lalu tambahkan css berikut ini pada Appearance -> edit css

Cara penggunaannya

Cukup tambahkan shortcode berikut pada postingan anda.

[postingan number=3 tag=”wordpress” ]

number : adalah jumlah artikel yang akan di tampilkan. apabila tidak diisi maka secara default ia akan menampilkan 5 artikel.

tag : artikel yang akan ditampilkan berdasarkan tag.

jikan anda ingin menambahkan lebih dari satu tag, gunakan slug +

[postingan number=3 tag=”Tutorial+wordpress” ]

 

Demikian adalah cara memasang related post di dalam postingan tanpa plugin.

Selamat mencoba.

34 Responses
  1. author

    pes1 year ago

    mantap gan, makasi gan
    jangan lupa kunjungan balik

    Reply
  2. author

    Fallah Ansoryllah1 year ago

    Saya banyak banget mas kode <?php di function.php. Yang saya pilih yang mana ya ?

    Reply
  3. author

    Della Putri1 year ago

    CSS untuk .bacajuga .contentbaca {} ga jalan gan.. Jadi bordernya ga bisa tampil.. Kenapa ya?

    Reply
    • author
      Author

      Fikriansyah1 year ago

      mana link blognya biar saya cek

      Reply
    • author

      Anton6 months ago

      ane pake CSS cuma seperti yang dibawah, dan work ..

      .bacajuga {
      position: relative;
      display: inline-block;
      border: 1px solid #dddddd;
      padding: 10px 20px 0px 0px;
      }

      .bacajuga .titlebaca {
      background-color: white;
      position: absolute;
      margin-left: 30px;
      margin-top: -25px;
      padding: 0px 15px;
      }

      btw, makasih gan tutrialnya .. 🙂

      Reply
  4. author

    dede fuji abdul1 year ago

    mantap gan, akhirnya saya bisa buat Related Post di dalam artikel.

    Reply
  5. author

    Rian A R1 year ago

    Kok engga work ya gan 🙁

    Reply
  6. author

    Agus6 months ago

    Mas saya mau nanya, bisa gak artikel yang kita tampilkan dipilih berdasarkan ID post?

    Terima kasih

    Reply
  7. author

    aderizzal5 months ago

    ini yang saya cari-cari..
    related post tanpa plugin. jadi lebih ringan..
    apalagi desain related ini cukup simple. biar loading blog ga berat-berat amat 😀

    Reply
  8. author

    Diandra5 months ago

    Maaf mas mau tanya, ini hanya untuk wordpress ya, gak bisa buat blogspot ya?

    Reply
  9. author

    Tini5 months ago

    mas, kala related post seperti dibawah artikel di blog ini pakai plugin atau manual mas?
    saya pingin pasang…

    oiya saya pasang related post yg inline kok ga muncul ya mas? saya pake theme landingpress…

    Reply
  10. author
    Author

    Fikriansyah5 months ago

    untuk related post di blog ini itu default dari themenya mba.
    untuk related post inline nya pakai tutorial ini atau menggunakan plugin?

    Reply
    • author

      Tini5 months ago

      untuk related post inline nya saya menggunakan tutorial di artikel ini mas, tapi belum bisa..

      untuk related post yg ada di blog ini jika menggunakan plugin, plugin apa ya mas? di blog saya related postnya bawaan theme tp kurang menarik, inginnya seperti yg ada di blognya mas Fikri ini, contohnya bisa dilihat disini mas: xxxpemutih,com/tentang-cream-hn-original/

      Reply
      • author
        Author

        Fikriansyah5 months ago

        bisa pkai yet another related posts plugin (yarpp)

        Reply
  11. author

    Irsyad5 months ago

    kak kalo di tema ample bisa ga ya kira-kira?

    Reply
  12. author

    aseprosita094 months ago

    Mas bisa digunakan gak di theme generate press ? ini akan otomatis mengenerate related sususi tag apa kategori ya ? mohon jawabanya . terima kasih

    Reply
    • author
      Author

      Fikriansyah4 months ago

      harusnya bisa, asal di blog tersebut ada tag nya.

      Reply
  13. author

    Adx923 months ago

    Thema yang agan pake namanya tema apa ya gan?

    Reply
  14. author

    Imam Fathoni3 months ago

    Itukan di urutkan berdasarkan tanggal postingannya kan om, trus kalau mau dirubah jadi random gimana ya? Soalnya postingan lama nanti gak ikut ketempel kalau pake kode diatas.

    Reply
  15. author

    Muhammad Imran Ramadhan AR2 months ago

    bisa gak diubah related.a muncul sesuai category bkn tag?

    Reply
  16. author

    aan amar2 months ago

    mas mohon dibagikan juga kode.a jika ingin menampilkan sesuai kategori
    mohon banget mas

    Reply
    • author
      Author

      Fikriansyah2 months ago

      iya. nnti saya update. tunggu saja.
      atau klik allow untuk mengaktifkan notifikasi ketika ada update terbaru dari situs tutorialpedia
      thanks

      Reply
      • author

        Zed1 month ago

        sayaa juga nunggu niih mas, hhe

        Reply
  17. author

    Muhammad Hasan Bahtiar2 months ago

    Mantap gan izin bookmark

    Reply
  18. author

    Angga Permana2 months ago

    saya buatkan plugin untuk ini gan, saya taruh di github https://github.com/permanart/inline-related-article-by-trentech

    Reply
  19. author

    Zed1 month ago

    jikan anda ingin menambahkan lebih dari satu tag, gunakan slug +

    kalo ini contohnya gimana mas?

    kalo yg ditampilin maunya random gimana mas ?
    apa bener kayak di komentar? order by nya di ganti ‘random ?

    makasih mas

    Reply
    • author

      Zed1 month ago

      kok gak work ya 🙁

      Reply
  20. author

    Zed1 month ago

    Coba mas nya akses deh salah satu artikel saya, atau yang dimari http://azlews.com/inilah-daftar-istilah-dan-singkatan-dalam-mobile-legends/

    gak ada satupun list related post yg nampil mas 🙁 padahal udh ngikutin tutorial mas nya.

    Reply

Leave a reply "Membuat Related Post di dalam Postingan tanpa Plugin"

This site uses Akismet to reduce spam. Learn how your comment data is processed.