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:

  • 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…
  • Membuat Scoll Pada Widget Yang Ada Di Blog Pada blog Nadwir93 dijelaskan cara membuat scroll pada widget Popular Post, pertanyaan saya adalah bagaimana jika scroll digunakan pada widget yang lain yang ada pada blog kita, apakah bisa? jawabannya…
  • 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…
  • Memasang Widget Fanpage Facebook Di Blog Terbaru Dengan plugin Halaman, Sobat dapat menyematkan dan mempromosikan Halaman Facebook yang bersifat publik secara mudah di situs web Sobat. Sama seperti Facebook, pengunjung Sobat dapat menyukai dan membagikan Halaman tanpa…
  • Membuat YouTube Subscribe Button Terbaru Bagaimana cara membuat tombol subscribe youtube di blogger? Pada postingan kali ini saya akan menginformasikan tutorial cara membuat YouTube Subscribe Button terbaru. Menambahkan tombol subscribe YouTube di blog sobat, mempunyi…
  • Memasang Kembali Widget ShareThis di Blogger yang Tidak… Bagaimana cara memasang kembali widget sharethis pada blogger yang sudah terdaftar? Sharethis merupakan salah satu website yang menyediakan widget share yang biasanya dipasang pada bagian bawah judul postingan atau diakhir…
  • Cara Mudah Agar Blog Tidak Bisa Di Copy Bagaimana rasanya jika postingan sobat di copy/paste? tentu menyesakaan dada. Itu pernah dialami oleh saya, waktu itu saya sempat membuat postingan tentang akun instagram beberapa pemain film. Kemudian saya melakukan…
  • 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…
  • 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…
  • Mudah Menambahkan widget Instagram Pada Blog Bagaimana cara pasang Instagram di Blogspot? Hampir dari kita memiliki akun situs berbagi foto a.k.a Instagram yang begitu populer beberapa tahun ini. Tidaknya hanya berbagi foto, di Instagram sobat bisa…

Leave a Comment