Cara Membuat Recent Post Simpel Dan Ringan Tanpa Thumbnail



Setelah kemarin saya memposting sebuah artikel tentang "Cara Membuat Recent Post [Artikel Terbaru] Keren Bergambar Pensil". Namun widget recent post tersebut dirasa agak memberatkan loading blog karena terdapat logo (font awesome) pada kode widgetnya. Maka dari itu kali ini saya akan menjelaskan kepada kalian cara membuat recent post yang lebih simpel dan ringan. Mungkin lebih tepatnya memberitahukan kode script widget recent post yang lebih simpel dan ringan. Dan tentunya tidak memberatkan loading blog.

Jika loading blog lambat maka akan berpengaruh terhadap SEO blog kamu. Pengunjung akan memilih untuk meninggalkan blog kalian karena terlalu lama menunggu loading blog. Sedangkan jika loading blog kalian cepat maka pengunjung dapat dengan mudah mengakses blog kalian tanpa harus berlama-lama menunggu.

Menurut saya memasang Recent Post, Popular Post, Random Post, Featured Post, Dan sebagainya sangat penting untuk blog. Supaya orang yang mengunjungi blog kalian akan tau seperti apa isi blog kalian. Dan mungkin saja si pengunjung tersebut akan tertarik untuk membuka artikel lainnya yang ada di blog kalian. Dengan begitu kalian bisa menekan nilai bounce rate blog.

Selain itu kode script widget recent post ini sudah digabungkan dengan css nya jadi kalian tidak perlu ribet-ribet untuk memasang kode css nya secara manual di Edit HTML blog kalian. Jadi kalian hanya perlu langsung memasang kodenya di Tata Letak blog, bagaimana lebih mudah bukan?

Kode Widget Recent Post Simpel Dan Ringan Tanpa Thumbnail

Untuk cara pemasang kodenya kalian bisa pergi ke Dashboard Blogger > Tata Letak > Tambahkan Gadget > HTML/JavaScript > Isi Judul Widgetnya sesuai keinginan kalian, misalnya: "Postingan Terbaru" > Isi Konten widget dengan kode dibawah ini.


<div id="kangnesia"> 
<script type="text/javascript">
function showrecentposts(t){for(var e=0;e<numposts;e++){var n,r=t.feed.entry[e],i=r.title.$t;if(e==t.feed.entry.length)
break;
for(var d=0;d<r.link.length;d++)
if("alternate"==r.link[d].rel){n=r.link[d].href;break}i=i.link(n);var s=r.published.$t,a=s.substring(0,4),o=s.substring(5,7),l=s.substring(8,10),u=new Array;u[1]="Jan",u[2]="Feb",u[3]="Mar",u[4]="Apr",u[5]="May",u[6]="Jun",u[7]="Jul",u[8]="Aug",u[9]="Sep",u[10]="Oct",u[11]="Nov",u[12]="Dec",standardstyling||document.write(""),document.write('<div class="rctitles2">'),standardstyling&&document.write(""),document.write(i),standardstyling&&document.write(""),1==showpostdate&&document.write(" - "+l+" "+u[parseInt(o,10)]+" "+a),standardstyling||document.write("</div>"),document.write("</div>"),standardstyling&&document.write("")}standardstyling||document.write('<div class="bbwidgetfooter">'),standardstyling&&document.write(""),document.write(""),standardstyling||document.write("/div")}
</script>
<script type="text/javascript">
var numposts = 8;var showpostdate = false;var standardstyling = true;
</script>
<script src="https://kangnesia.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts">
</script>
</div>
<noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>
<style type=text/css>
#hlrpsb a {color: #000000;font-size:16px;text-transform:capitalize;}.rctitles2 {padding-bottom:10px;margin-bottom:10px;border-bottom: 1px dotted #cccccc;}
</style>
Catatan
  • Ubah https://kangnesia.com dengan alamat blog kalian supaya widget bisa tampil dengan baik.
  • Jika kalian ingin mengubah jumlah artikel yang tampil pada widget recent post tersebut maka ubah nomor 8 yang berwarna merah itu dengan jumlah artikel yang ingin kalian tampilkan.

Nah tadi itu adalah sebuah tutorial cara memasang widget recent post tanpa thumbnail dari saya yang bisa langsung kalian coba di blog masing-masing. Jika ada kode yang error atau widgetnya tidak tampil maka kalian bisa menghubungi saya dengan Contact saya yang tertera di bawah. Saya akan dengan segera membalas pesan teman-teman secepatnya melalui email (jika saya tidak sedang sibuk).

Sekian dulu artikel dari saya, jika ada kekurangan dalam penulisannya sama mohon maaf. Semoga artikel ini bermanfaat untuk kalian semua. Terima kasih telah berkunjung ke blog ini, dan jangan lupa berkunjung kembali untuk informasi menarik lainnya.