Membuat Recent Post tanpa Thumbnail sederhana di Blog

Cara membuat widget recent post (postingan terbaru) sederhana pada blog bertujuan untuk menampikan artikel terbaru dari sebuah blog. Widget recent post bisa juga sebagai media pemberitahuan kepada pengunjung tentang artikel terbaru dari blog sobat.

Kode dibawah ini akan membuat recent post sederhana, akibatnya loading yang akan dihasilkan jauh lebih cepat dari recent post kebanyakan. Oke langsung saja berikut tutorial cara membuat recent post sederhana tanpa thumbnail di blogspot

1. Login pada akun Blogger.
2. Masuk ke Layout → Add a Widget
3. Copy kode dibawah ini lalu masukan ke dalam widget HTML/Javascript

<!-- RECENT POSTS --><ul id="recent-posts"></ul><script>
//<![CDATA[
var homePage = "https://kangibay.net/", //ganti dengan url blog sobat
numPosts = 10; //jumlah judul postingan
function recentPosts(a){if(document.getElementById("recent-posts")){var e=a.feed.entry,title,link,content="",ct=document.getElementById("recent-posts");for(var i=0;i<numPosts;i++){for(var j=0;j<numPosts;j++){if(e[i].link[j].rel=="alternate"){link=e[i].link[j].href;break}}var title=e[i].title.$t;content+='<li class="recent-posts"><a href="'+link+'" title="'+title+'">'+title+'</a></li>'}ct.innerHTML=content}}var rcp=document.createElement('script');rcp.src=homePage+'/feeds/posts/summary?alt=json-in-script&orderby=published&max-results='+numPosts+'&callback=recentPosts';document.getElementsByTagName('head')[0].appendChild(rcp);
//]]></script>

Keterangan:
Ganti dengan nama blog kamu
Jumlah judul posingan

4. Setelah semuanya selesai, silahkan simpan

Itu saja tutorial membuat widget postingan terbaru (recent posts) di blog, semoga bermanfaat dan bisa langsung sobat praktekan.

Source : here

Rekomendasi:

  • Baca Novel : Ancika, Dia yang Bersamaku Tahun 1995 - Pidi… Prolog Kisah yang akan saya bagikan ini dimulai dari masa remaja saya, 24 tahun yang lalu. Ini bukan cerita yang luar biasa, tapi merupakan kisah nyata tentang saya, yang saya…
  • Membuat Random Posts Tanpa Thumbnail SEO Friendly Cara membuat random post di blog - Widget random posts / other posts menjadi sumber bacaan yang di rekomendasi kan bagi yang berkunjung ke blog sobat, bentuk informasi tidak disampaikan…
  • Helen dan Sukanta - Pidi Baiq BAB I. Lacheden Javaan 1 Bulan Juni 2001 itu, saya merasa sangat senang bertemu dengan Nyonya Helen di restaurant Lachende Javaan, yaitu sebuah restaurant Indonesia yang cukup populer di Haarlem,…
  • Manuskrip Amsterdam - Pidi Baiq Cerita ini saya repost dari blog Pidi Baiq, selamat membaca... *** I DE DAMPKRING 1 Langit warna abu-abu dan rendah, tetapi belum hujan. Itu bulan Mei yang khas di tahun…
  • Menambahkan Slideshow Manual Responsive pada Blog Terbaru Pada tutorial kali ini saya akan menginformasikan bagaimana cara menambahkan slideshow manual responsive pada blog. Itung-itung sudah terlalu lama saya tidak membahas tentang tutorial blogger. Penggunaan slideshow bersifat optional, bisa…
  • Menghilangkan peringatan Uni Eropa Cookie dari Google di… Apa sobat sudah mendengar peringatan dari Google tentang Uni Europe Cookie? yaitu peringatan yang bisa sobat lihat pada dasboard blog. Peringatan tersebut saya dapatkan ketika mengakses situs anak muda Masato.us…
  • Membuat Headline Breaking News Responsive di Blog Cara membuat breaking news responsive berjalan di blog seperti yang terlihat pada gambar bisa sobat buat dengan mudah. Dengan adanya headline maka blog kita akan terlihat seperti cuplikan berita berjala…
  • Mudah membuat widget Kalender Hijriah untuk blog Pada postingan kali ini, saya akan memberikan informasi bagaimana cara memasang widget kalender hijriah untuk blog, jadi kita tidak usah melakukan konversi kalender masehi ke hijriah. Kalender masehi sudah biasa…
  • Membuat Daftar Isi Otomatis Pada Halaman Blog Daftar isi atau dalam bahasa lain di sebut juga Sitemaps adalah informasi dimana postingan yang sudah kita buat, dikelompokan berdasarkan Label. Cara ini memudahkan orang lain yang berkunjung ke blog…
  • Cara Menampilkan dan Menyembunyikan Widget Alexa Kali ini saya akan menginformasikan bagaimana cara menampilkan widget Alexa ? Alexa Internet, Inc. adalah sebuah anak perusahaan dari Amazon.com yang berbasis di California, dan menyediakan data komersial terkait traffic…

Leave a Comment