WordPress
  • 8 mins read

Cara Menampilkan Recent Post di Blog [WordPress & Blogger]

magzin magzin

Berencana menampilkan recent posts di blog milikmu? Ya, kamu datang ke tempat yang tepat. Artikel ini akan mengulas secara mendalam tutorial (step-by-step) cara memasang latest posts di blog WordPress dan Blogger. Penasaran? Yuk lanjutkan membaca, dan pelajari langkah gampangnya di bawah ini! Cara Menampilkan Recent Post di Blog WordPress dan Blogger

Menampilkan Recent Posts di WordPress

Jika kamu adalah pengguna WordPress, ada beberapa metode yang bisa kamu pilih untuk menambah latest posts di sidebar, post, maupun halaman. Mari kita ulas! 

1. Menggunakan Widget

Menampilkan latest post di blog WordPress tidaklah sulit. Untungnya, WordPress menawarkan widget bawaan yang akan memudahkan kamu menampilkan konten terbaru di sidebar atau area manapun yang bisa ditambahkan widget. Langkah-langkahnya adalah sebagai berikut:

  1. Setelah masuk ke halaman Dashboard WordPress, akses menu Appearance > Widgets.
  2. Temukan recent posts widget dalam daftar Available Widgets, kemudian seret ke kolom Sidebar. Atau kamu bisa mengklik widget tersebut > pilih Sidebar > tekan tombol Add Widget.Menampilkan Recent Post di WordPress Menggunakan Widget
  3. Konfigurasi beberapa pengaturan widget sesuai dengan keinginanmu; seperti judul, jumlah tulisan yang akan ditampilkan, dan apakah akan menunjukkan tanggal terbit konten atau tidak.
  4. Jika sudah, pilih Save

2. Menggunakan Plugin

Sayangnya, widget bawaan WordPress hanya menawarkan fitur dan tampilan yang terbatas. Nah, jika ingin menampilkan thumbnails dan excerpt, kamu dapat memanfaatkan plugin seperti Recent Posts Widget With Thumbnails. Mari belajar cara instalasi dan pengaturannya!

  1. Masuk ke halaman Dashboard WordPress-mu, lalu pilih menu Plugins > Add New
  2. Tulis Recent Posts Widget With Thumbnails di kolom pencarian plugin yang terletak di area pojok kanan atas.
  3. Klik Install Now pada Recent Posts Widget With Thumbnails, lalu pilih Activate.
  4. Setelah proses instalasi selesai, akses menu Appearance > Widgets.
  5. Cari Recent Posts Widget With Thumbnails di bawah Available Widgets, dan seret ke kolom Sidebar. Kamu juga bisa menambahkannya dengan cara mengklik widget tersebut > Sidebar > Add Widget.Menampilkan Postingan Terbaru Menggunakan Plugin
  6. Kemudian, buka area pengaturan Recent Posts Widget With Thumbnails yang terletak di kolom Sidebar; dan kustomisasi pengaturannya sesuai kebutuhanmu. 
  7. Terakhir, klik Save.   

3. Menggunakan Gutenberg Block

Jika kamu adalah pengguna Gutenberg Block dan ingin menambahkan latest posts ke tulisan atau halaman, berikut adalah langkah-langkahnya:

  1. Bagi kamu yang ingin menampilkan latest posts di halaman, kunjungi Dashboard > Pages > All Pages atau Add New. Sedangkan untuk menambahkannya ke post, akses Dashboard > Posts > All Posts atau Add New
  2. Klik tombol Add Block yang terletak di pojok kiri halaman editor, kemudian tulis Latest Posts di kolom Search.Tambah Block Latest Posts
  3. Tentukan bagaimana latest posts tersebut akan ditampilkan, apakah dalam mode grid atau list view.Pilih Tampilan Latest Posts
  4. Setelah itu, buka tab Block yang terletak di samping kanan halaman editor. Di sana, kamu bisa memilih pengaturan yang diinginkan; seperti menampilkan excerpt atau tidak, tanggal terbit konten, jumlah kolom, kategori yang ditampilkan, dan sebagainya.Menu Block di Gutenberg Editor
  5. Tekan tombol Preview untuk meninjau tampilan latest posts kamu, lalu Publish jika sudah yakin dengan opsi tersebut.    

Menampilkan Latest Post di Blogger

Sekarang, mari kita bahas cara menampilkan latest posts di Blogger. 

1. Menggunakan Gadget RSS Feed

Cara termudah menambahkan latest posts ke Blogger adalah menggunakan gadget RSS feed. Untuk melakukannya, ikuti langkah-langkah berikut:

  1. Buka Dashboard Blogger-mu dan pilih menu Layout/Tata Letak.
  2. Selanjutnya klik Tambahkan Gadget/Add a Gadget dan pilih gadget Feed.
  3. Tulis URL feed blog-mu. Caranya, tambahkan /feeds/posts/default di belakang link blog-mu, contohnya: https://namablog.blogspot.com/feeds/posts/default. Lalu, tekan tombol Lanjutkan
  4. Kemudian, konfigurasikan feed kamu sesuai keinginan dan klik Simpan/Save.Konfigurasi RSS Feed

2. Menggunakan Gadget HTML/JavaScript

Kamu juga bisa menampilkan latest posts dengan bantuan gadget HTML/JavaScript. Adapun langkah-langkahnya adalah sebagai berikut:

  • 1. Masuk ke Dashboard Blogger milikmu, kemudian klik menu Layout/Tata Letak
  • 2. Selanjutnya, pilih Tambahkan Gadget/Add a Gadget dan tambahkan gadget HTML/JavaScript 
  • 3. Lalu copy dan paste kode berikut:

    Jangan lupa untuk mengubah “https://namablog.blogspot.com/” dengan nama blog-mu. Selain itu, tentukan juga jumlah post yang akan ditampilkan dengan mengubah angka pada baris numPosts = 7;.

    • 4. Klik Save/Simpan. Nantinya, kamu akan mempunyai tampilan latest posts seperti dalam gambar ini.Contoh Potingan Terbaru Blogger

    Nah, jika kamu ingin menampilkan thumbnail di latest post-mu, gunakan kode berikut:

    
    

    Sesuaikan kode var rcp_numposts=3; dengan jumlah post yang ingin ditampilkan. Adapun contoh hasilnya bisa dilihat dalam gambar di bawah ini.Latest Posts dengan Thumbnail di Blogger

    Tampilkan Latest Posts Kamu Sekarang!

    Latest post menawarkan banyak manfaat untuk blog kamu. Tidak hanya memberikan kemudahan kepada visitors untuk menemukan tulisan-tulisan terbaru, fitur ini juga bisa mendorong mereka untuk lebih berlama-lama menjelajahi blog-mu.

    Harapannya setelah membaca konten-mu, pengunjung kemudian akan tertarik untuk berlangganan newsletter atau bahkan membeli produk milikmu.

    Nah dalam artikel ini, kita sudah membahas beberapa metode yang bisa dicoba untuk menambahkan latest posts ke WordPress, yaitu menggunakan widget, plugin, dan menambahkan latest posts block ke Gutenberg editor.

    Sedangkan bagi pengguna Blogger, kamu bisa menambahkan fitur tersebut dengan menggunakan gadget RSS feed dan HTML/Javascript. Jadi bagaimana, metode mana yang ingin kamu coba?

    Selanjutnya, jika kamu ingin belajar bagaimana mengembangkan website-mu agar bisa bekerja lebih optimal dan mempunyai tampilan yang menawan, jangan lupa pelajari tutorial-tutorial menarik lainnya dalam blog Qwords.com.

    Tak hanya itu, kamu juga akan menemukan pembahasan terkini terkait hosting, nama domain, bisnis online, dan banyak topik populer lainnya. Selamat belajar!       

    Saepudin Mulyono

    Saepudin Mulyono adalah Technical Content Writer di Qwords yang berfokus pada topik web hosting, domain, cloud, dan pengembangan website. Memiliki pengalaman lebih dari 10 tahun di bidang IT, Pudin aktif menulis artikel edukatif yang membantu bisnis dan developer memahami teknologi secara praktis dan aplikatif. Sebagai bagian dari tim Qwords, ia terlibat dalam riset konten, pengujian layanan, serta penyusunan panduan teknis berbasis kebutuhan pengguna. Tulisan-tulisannya dirancang untuk memberikan insight yang akurat, mudah dipahami, dan relevan dengan perkembangan industri digital.

    4 Comments
      akbar
      19 Desember 2020

      Sudah lama saya mencari kode scrip postingan terbaru untuk bisa bekerja dengan baik di blog saya namun beberapa minggu ini belum saya temukan.

      Saya pribadi hanya bisa mengucapkan terimakasih atas bantuannya melalui artikel dari http://www.www.qwords.com ini sebab dengan metode yang diberikan akhirnya yang lama saya nantikan bisa tercapai di artikel ini mengingat tidak semua scrip bisa bekerja dengan baik di template yang berbeda.

      Atas itu semua saya atas nama pribadi sebagai seorang bloger mengucapakan banyak terimakasih.

        Eril
        21 Desember 2020

        Terima kasih kak sudah membaca artikel di Qwords,
        kalau ada masalah atau kesulitan bisa dituliskan pada kolom komentar dibawah ya.
        Butuh hosting jangan lupa belinya di Qwords saja ya,
        Terima kasih

      Saidul Bari
      28 Oktober 2021

      Thx for information, sangat bermanfaat sekali bagi pemula seperti daku ini0:))

      Jonky
      2 Februari 2022

      Terimakasih buat artikelnya. Saya terbantu sekali dengan penjelsannya. Artikel di blog saya jadi lebih terorganisir.
      Salam..

    Leave a comment

    Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *