Recent Posts Simple for Blogger Blog

CB Blogger | April 4, 2017

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

Recent Posts Simple for Blogger Blog
DEMO bisa 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 mudah sekali, sangat mudah, gampang banget kebangetan, yakni tinggal memasukkan kode di bawah ini.

Klik LAYOUT > Add a Gadget > pilih HTML/JavaScript, lalu masukkan kode 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>

Previous
« Prev Post

Related Posts

Show comments
Hide comments

0 komentar on Recent Posts Simple for Blogger Blog

Post a Comment

 
Copyright © Tes Template. All rights reserved.
SEO Maxima Blogger Template by CB Blogger