Lompat ke konten Lompat ke sidebar Lompat ke footer

Recent Posts Simple For Blogger Blog

Recent Posts Simple Widget for Blogger Blog. Cara menampilkan daftar goresan pena (postingan) blog terbaru di sidebar.

Recent Posts Simple Widget for Blogger Blog Recent Posts Simple for Blogger Blog
DEMO dapat dilihat di sidebar blog ini, di widget Recent Posts.

Latest Posts atau postingan terbaru termasuk widget yang harus dipasang di sidebar blogger untuk meningkatkan pageviews dan berfungsi sebagai navigasi sekaligus internal link blogger yang direkomendasikan Google.

Cara menampilkan recent post simple di sidebar blog ini praktis sekali, sangat mudah, praktis banget kebangetan, yaitu tinggal memasukkan isyarat di bawah ini.

Klik LAYOUT > Add a Gadget > pilih HTML/JavaScript, kemudian masukkan isyarat berikut ini:

<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 =5;var showpostdate = false;var standardstyling = true;</script>
<script src="/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;}.rctitles2 {padding-bottom:10px;margin-bottom:10px;border-bottom: 1px dotted #cccccc;}
</style>

Sumber https://testemplatecb.blogspot.com/