Cara Membuat Recent Post di Blog

Untuk membuat Recent Post atau Postingan Terakhir di blog banyak cara, kami mencoba Share untuk langkah-langkahnya. Mari langsung aja ke TKP yuk :
Cara Pertama
1. Klik "Layout" atau "Tata Letak".
2. Klik "Add a gadget"
3. Pilih "HTML/Javascript"
4. Masukkan kode Script dibawah ini :




<div id="hlrpsb"> <script style="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/recent-posts-with-titles-only.js"></script> <script style="text/javascript">var numposts = 5;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script> <script src="http://trick-tips-blogger.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> #rpdr {background: url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKiTrppG0munKqSIrZGVp2plINOTW2OHk4Lbj7oimCbjIrYsqwNDu0sCMg-lr7mtTE0huiVp-s4h7Cu9opP00cueRnAdDS7pC1Zhyphenhyphen7Jj_HxZw8h3cDekWYLibeQ3nogazpo_pmhFvVJy0E/s1600/blogger.png ) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;} #rpdr, #rpdr a {color:#808080;} #hlrpsb { } .bbrecpost2 { padding-top:6px; padding-bottom:6px; border-bottom: 1px #cccccc dotted; } </style>

5. Save...

Untuk cara yang kedua
Langkah-Langkahnya dengan yg diatas, dengan modal kopi Paste sedikit-sedikit. Langsung aja deh ini caranya :
1. Klik "Layout" atau "Tata Letak".
2. Klik "Add a gadget"
3. Pilih "HTML/Javascript"
4. Masukkan kode Script dibawah ini :

<script type="text/javascript"> function showrecentposts(json) { for (var i = 0; i < numposts; i++) { var entry = json.feed.entry[i]; var posttitle = entry.title.$t; var posturl; if (i == json.feed.entry.length) break; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { posturl = entry.link[k].href; break; } } posttitle = posttitle.link(posturl); var readmorelink = "(more)"; readmorelink = readmorelink.link(posturl); var postdate = entry.published.$t; var cdyear = postdate.substring(0,4); var cdmonth = postdate.substring(5,7); var cdday = postdate.substring(8,10); var monthnames = new Array(); monthnames[1] = "Jan"; monthnames[2] = "Feb"; monthnames[3] = "Mar"; monthnames[4] = "Apr"; monthnames[5] = "May"; monthnames[6] = "Jun"; monthnames[7] = "Jul"; monthnames[8] = "Aug"; monthnames[9] = "Sep"; monthnames[10] = "Oct"; monthnames[11] = "Nov"; monthnames[12] = "Dec"; if ("content" in entry) { var postcontent = entry.content.$t;} else if ("summary" in entry) { var postcontent = entry.summary.$t;} else var postcontent = ""; var re = /<\S[^>]*>/g; postcontent = postcontent.replace(re, ""); if (!standardstyling) document.write('<div class="bbrecpost"> '); if (standardstyling) document.write(' <li>'); document.write(posttitle); if (showpostdate == true) document.write(' - ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday + ', ' + cdyear); if (!standardstyling) document.write('</div> <div class="bbrecpostsum""> '); if (showpostsummary == true) { if (standardstyling) document.write('<br/>'); if (postcontent.length < numchars) { if (standardstyling) document.write('<i>'); document.write(postcontent); if (standardstyling) document.write('</i>');} else { if (standardstyling) document.write('<i>'); postcontent = postcontent.substring(0, numchars); var quoteEnd = postcontent.lastIndexOf(" "); postcontent = postcontent.substring(0,quoteEnd); document.write(postcontent + '...' + readmorelink); if (standardstyling) document.write('</i>');} } if (!standardstyling) document.write('</div> '); if (standardstyling) document.write('<br/>'); } if (!standardstyling) document.write('<div class="bbwidgetfooter"> '); if (standardstyling) document.write('</li> '); document.write(''); if (!standardstyling) document.write('</div> '); } var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 0; var standardstyling = false; </script> <script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>

5. Save ...

Semoga Bermanfaat