Bài viết mới và comment mới nhất cho blogspot

Hôm nay mình sẽ hướng dẫn cách để các bạn tao tiện ích các bài đăng mới nhất (Recent Posts) hay các bài nhận xét mới nhất (Recent Posts). Với thủ thuật này các bài đăng hay những nhận xét mới nhất trên blog của bạn sẽ được tóm tắt ngắn gọn lại để giúp cho đọc giả dễ dàng xem bài hơn.

» Các bước để thực hiện để thêm bài viết mới nhất cho blogger!

Hình ảnh minh họa

1. Đăng nhập vào blog
2. Vào bố cục (Lay out).
3.  Tạo một HTML/Javascript và dán code bên dưới vào:

<script>
    //<![CDATA[
// ----------------------------------------
// SHOW RECENT POSTS
// ----------------------------------------
// This functions takes a blogger-feed in JSON
// format and displays it.
//
// Version: 2.0
// Date:    2006-12-01
// Author:  Hans Oosting
// URL:     beautifulbeta.blogspot.com
// Share:   http://namkna.blogspot.com/
// ----------------------------------------
//Modified by http://www.bloggerplugins.org
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, "");

    document.write("<li>"+posttitle+"</li>");
    if (showpostdate == true) document.write(' - ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday);

    if (showpostsummary == true) {

      if (postcontent.length < numchars) {
          document.write('<i>');
         document.write(postcontent);
          document.write('</i>');}
      else {
          document.write('<i>');
         postcontent = postcontent.substring(0, numchars);
         var quoteEnd = postcontent.lastIndexOf(" ");
         postcontent = postcontent.substring(0,quoteEnd);
         document.write(postcontent + '...' + readmorelink);
          document.write('</i>');}
}}}
    //]]>
</script>
<script style='text/javascript'>
var numposts = 5; // số bài bạn muốn hiển thị
var showpostdate = true; // nếu không muốn hiển thị ngày đăng bạn thay TRUE thành FALSE
var showpostsummary = true;
var numchars = 100; // số từ tóm tắt nội dung bài viết
</script>
<script src='http://namkna.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts'></script>

4. Lưu tiện ích lại và Oke.

» Các bước để thực hiện để thêm nhận xét mới nhất cho blogger!

Hình ảnh minh họa

1. Đăng nhập vào blog

2. Vào bố cục (Lay out).

3.  Tạo một HTML/Javascript và dán code bên dưới vào:

<script>
    //<![CDATA[
//Recent Comments Widget originally by Blogger Templates and updated by Blogger Widgets
function showrecentcomments(json){for(var i=0;i<a_rc;i++){var b_rc=json.feed.entry[i];var c_rc;if(i==json.feed.entry.length)break;for(var k=0;k<b_rc.link.length;k++){if(b_rc.link[k].rel=='alternate'){c_rc=b_rc.link[k].href;break;}}c_rc=c_rc.replace("#","#comment-");var d_rc=c_rc.split("#");d_rc=d_rc[0];var e_rc=d_rc.split("/");e_rc=e_rc[5];e_rc=e_rc.split(".html");e_rc=e_rc[0];var f_rc=e_rc.replace(/-/g," ");f_rc=f_rc.link(d_rc);var g_rc=b_rc.published.$t;var h_rc=g_rc.substring(0,4);var i_rc=g_rc.substring(5,7);var j_rc=g_rc.substring(8,10);var k_rc=new Array();k_rc[1]="Jan";k_rc[2]="Feb";k_rc[3]="Mar";k_rc[4]="Apr";k_rc[5]="May";k_rc[6]="Jun";k_rc[7]="Jul";k_rc[8]="Aug";k_rc[9]="Sep";k_rc[10]="Oct";k_rc[11]="Nov";k_rc[12]="Dec";if("content" in b_rc){var l_rc=b_rc.content.$t;}else if("summary" in b_rc){var l_rc=b_rc.summary.$t;}else var l_rc="";var re=/<\S[^>]*>/g;l_rc=l_rc.replace(re,"");if(m_rc==true)document.write('On '+k_rc[parseInt(i_rc,10)]+' '+j_rc+' ');document.write('<a href="'+c_rc+'">'+b_rc.author[0].name.$t+'</a> commented');if(n_rc==true)document.write(' on '+f_rc);document.write(': ');if(l_rc.length<o_rc){document.write('<i>&#8220;');document.write(l_rc);document.write('&#8221;</i><br/><br/>');}else{document.write('<i>&#8220;');l_rc=l_rc.substring(0,o_rc);var p_rc=l_rc.lastIndexOf(" ");l_rc=l_rc.substring(0,p_rc);document.write(l_rc+'&hellip;&#8221;</i>');document.write('<br/><br/>');}}}
    //]]>
</script>
<script style='text/javascript'>
var a_rc=5; // số bài nhận xét bạn muốn hiển thị
var m_rc=true; // nếu không muốn hiển thị ngày đăng bạn thay TRUE thành FALSE
var n_rc=false;
var o_rc=100; // số từ tóm tắt nội dung comment
</script>
<script src='http://namkna.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments'></script>

4. Lưu tiện ích lại và Oke.

» Tùy chỉnh code!

Bạn hãy thay code màu đỏ http://namkna.blogspot.com/ thành địa chỉ blog của bạn.

Chúc bạn thành công