Cara Memasang Widget Recent Posts Simple Daftar Judul

Baca Juga

Widget Recent Posts Simple di blog Blogger yang menampilkan Daftar Judul Saja ini sangat disarankan karena ringan.

Berikut ini cara Memasang Widget Recent Posts Simple Fast Loading SEO Friendly Responsive. Posting Terbaru daftar judul artikel saja. Tanpa gambar. Seperti gambar di bawah ini:

Kodenya:

<div id="tb">
<script style="text/javascript">
//<![CDATA[
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 = "&raquo;&raquo;";
    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('');
document.write('<div class="bbrecpost2">');
    document.write('<span>');
    if (standardstyling) document.write('');
    document.write(posttitle);
    if (standardstyling) document.write('');
    if (showpostdate == true) document.write(' - ' + cdday + ' ' + monthnames[parseInt(cdmonth,10)]);
    if (!standardstyling) document.write('<div class="bbrecpostsum"">');
    if (standardstyling) document.write('');
    if (showpostsummary == true) {
      if (standardstyling) document.write('');
      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>');
document.write('</span>');
document.write('</div>');
    if (standardstyling) document.write('');
}
if (!standardstyling) document.write('<div class="bbwidgetfooter">');
if (standardstyling) document.write('');
document.write('');
if (!standardstyling) document.write('/div');
}
//]]>
</script>
<script style="text/javascript">var numposts = 5;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div>
<div style="display:none;">Recent Post no Thumbnail by <a href="http://www.contohblog.com/">Recent Post Widget</a></div>
<style type=text/css>
#rpdr {background: url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIliDDKHfnKPr34ro2B9Yjvno9o2rj2aMChAqNFk6zX4aXyqUBXusbbdRl3yh2Wp6xBTTmKq3Xv_VuCwe1n9RfRz0Ej5uH0y44WkZGZm79mdYTQmYjwRW8lqvIwnOZ-8jibKDgF9cGkb3e/s1600/blogger.png ) 0px 0px no-repeat; padding: 1px 0px 0px 14px; height:5px; margin: 2px 0px 0px 0px;line-height:7px;}
#rpdr, #rpdr a {color:#808080;}
#tb { }
.bbrecpost2 {
padding-top:3px;
padding-bottom:3px;
border-bottom: 1px #cccccc dotted; }
</style>

Cara Memasangnya:

1. LayOut > Add a Widget > HTML/JavaScript

2. Isi judul dengan Recent Post atau Terbaru

3. Copy dan paste kode di atas di kolom Content

4. Save!

Demikian Cara Memasang Widget Recent Posts Simple - Daftar Judul Saja di Blog Blogger.