Cara Membuat Recent Post Simpel Tanpa Thumbnail Di Blogspot

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 yang sobat posting dari blog sobat.

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

1. Recent Post Simpel tanpa Thumbnail dan cuplikan isi blog

1. Masuk ke akun Blooger sobat
2. Kemudian klik meni Tata Letak
3. Add gadged > HTML/Javascript
4. Silahkan Copy paste code script berikut :

<div id="hlrpsb">
<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 = 10;var showpostdate = false;var standardstyling = true;</script>
<script src="http://luffyinter.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div><a style="font-size: 9px; color: #CECECE; float: right; margin-top: 10px;" href="http://luffyinter.blogspot.com/2017/03/cara-membuat-recent-post-simpel-tanpa-thumbnail-di-blogspot.html" rel="nofollow" >Recent Posts Widget</a>
<noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>
<style type=text/css>
#hlrpsb a {color: #000000;font-size:13px;text-transform:capitalize;}.rctitles2 {padding-bottom:10px;margin-bottom:10px;border-bottom: 1px dotted #cccccc;}
</style>

5. Jika sudah, terakhir klik Save.

Note:Ganti tulisan yang berwarna orange di atas dengan url blog sobat, dan ganti angka yang berwarna merah dengan jumlah recent post yang ingin ditampilkan.

Nah berikut tampilan demo dari dari recent post di atas :

2. Recent Post Simpel dan keren tanpa Thumbnail

1. Masuk ke akun Blooger sobat
2. Kemudian klik meni Tata Letak
3. Add gadged > HTML/Javascript
4. Silahkan Copy paste code script berikut :

<div id="hlrpsa">
<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 s=0;s<r.link.length;s++)if("alternate"==r.link[s].rel){n=r.link[s].href;break}i=i.link(n);var a="...",d=r.published.$t,u=d.substring(0,4),o=d.substring(5,7),c=d.substring(8,10),l=new Array;if(l[1]="Jan",l[2]="Feb",l[3]="Mar",l[4]="Apr",l[5]="May",l[6]="Jun",l[7]="Jul",l[8]="Aug",l[9]="Sep",l[10]="Oct",l[11]="Nov",l[12]="Dec","content"in r)var m=r.content.$t;else if("summary"in r)var m=r.summary.$t;else var m="";var w=/<\S[^>]*>/g;if(m=m.replace(w,""),document.write('<div class="rctitle">'),standardstyling&&document.write("<br/>"),document.write(i),1==showpostdate&&document.write(" - "+l[parseInt(o,10)]+" "+c+" "+u),document.write('</div><div class="rcsumm">'),1==showpostsummary)if(standardstyling&&document.write(""),m.length<numchars)standardstyling&&document.write("<i>"),document.write(m),standardstyling&&document.write("</i>");else{standardstyling&&document.write(""),m=m.substring(0,numchars);var g=m.lastIndexOf(" ");m=m.substring(0,g),document.write(m+a),standardstyling&&document.write("")}document.write("</div>"),standardstyling&&document.write("")}standardstyling||document.write('<div class="bbwidgetfooter">'),standardstyling&&document.write(""),document.write(""),standardstyling||document.write("")}
</script>
<script>
var numposts = 10;var showpostdate = true;var showpostsummary = true;var numchars = 100;var standardstyling = true;
</script>
<script src="http://luffyinter.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts">
</script></div><a style="font-size: 9px; color: #CECECE; float: right; margin-top: 10px;" href="http://luffyinter.blogspot.com/2017/03/cara-membuat-recent-post-simpel-tanpa-thumbnail-di-blogspot.html" rel="nofollow" >Recent Posts Widget</a>
<noscript>Your browser does not support JavaScript!</noscript>
<style type="text/css">
.rctitle a{color:#000000;text-transform:capitalize;font-size:13px;}#hlrpsa {color: #999999; font-size: 12px;}.rcsumm {border-bottom:1px dotted #cccccc; padding-bottom:10px;margin-top:5px;}
</style>

5. Jika sudah, terakhir klik Save.

Note:
Ganti tulisan yang berwarna orange di atas dengan url blog sobat, dan ganti angka yang berwarna merah dengan jumlah recent post yang ingin ditampilkan.

Nah berikut tampilan demo dari dari recent post di atas :

Bagaimana? Keren kan recent post nya...!!! credit: kode script: www.aak-share.com

Nah mungkin itu saja yang dapat saya sampaikan pada artkel kali ini tentang Cara Membuat Recent Post Simpel Tanpa Thumbnail Di Blogspot, Semoga tutorial di atas dapat bermanfaat bagi sobat blogger semua, dan tentunya sobat dapat mempratikannya pada blog sobat masing masing.. heeee

Baca juga: Trik jitu 100% Berhasil = Cara membuat si dia jatuh hati kepadamu!

Cara Membuat Recent Post Simpel Tanpa Thumbnail Di Blogspot