Widget recent post sederhana kali ini saya memberikan 2 pilihan. Pilihan pertama yaitu hanya menampilkan judul saja, sedangkan untuk pilihan yang kedua menampilkan judul postingan serta ditambah dengan kutipan dari postingan itu sendiri.
Oh iya, sobat juga bisa mengatur jumlah postingan terbaru yang akan ditampilkan di widget tersebut, dan juga sobat bisa menampilkan atau menghilangkan tanggal postingannya (hanya bekerja pada widget recent post sederhana dengan kutipan).
Cara Membuat Widget Recent Post Sederhana Di Blogger
1. Buka Dashboard -> Tata Letak -> Tambahkan Gatget2. Pilih HTML/JavaScript pada menu pop-up yang muncul.
3. Kemudian pada bagian konten isi dengan kode di bawah ini
Widget Recent Post Sederhana dengan Kutipan
<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 = 7;var showpostdate = true;var showpostsummary = true;var numchars = 100;var standardstyling = true;
</script>
<script src="http://kodelogger.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts">
</script></div>
<noscript>Your browser does not support JavaScript!</noscript>
<style type="text/css">
.rctitle a{color:#000000;text-transform:capitalize;font-size:13px;font-family: 'Open Sans', sans-serif;}#hlrpsa {color: #999999; font-size: 12px;}.rcsumm {border-bottom:1px dotted #cccccc; padding-bottom:10px;margin-top:5px;}
</style>►Ganti kode berwarna Merah dengan URL blog sobat.
►Ganti kode berwarna Hijau untuk mengganti jumlah judul postingan yang ditampilkan di widget.
►Ganti kode berwarna Kuning dari "true" menjadi "false" jika ingin menghilangkan tanggal postingan.
►Ganti kode berwarna Ungu untuk mengatur jumlah kata kutipan.
Widget Recent Post Sederhana tanpa Kutipan
<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 = 7;var showpostdate = false;var standardstyling = true;</script>
<script src="http://kodelogger.blogspot.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:13px;text-transform:capitalize;font-family: 'Open Sans', sans-serif;}.rctitles2 {padding-bottom:10px;margin-bottom:10px;border-bottom: 1px dotted #cccccc;}
</style>►Ganti kode berwarna Merah dengan URL blog sobat.
►Ganti kode berwarna Hijau untuk mengatur jumlah judul postingan yang ditampilkan di widget.
►Ganti kode berwarna Kuning dari "false" menjadi "true" jika ingin menampilkan tanggal postingan.
4. Klik Simpan.
Sekarang lihat blog sobat, apabila widge recent post terpasang dengan sempurna berarti sobat sudah berhasil.
Apabila ada permasalahan silahkan berkomentar di bawah.
Itu dia artikel tentang Membuat Widget Recent Post Sederhana Di Blogger, apabila anda menyukainya jangan lupa Subscribe untuk tetap terhubung dan juga menerima artikel terbaru dari blog ini melalui email secara gratis.