Thủ thuật tạo bài viết và bình luận mới nhất cho BLogger

Hôm nay sẽ hướng dẫn cách để các bạn thủ thuật blogger tạo 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 Comments). Với thủ thuật blogger 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. 

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

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://www.thietkblogger.net/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts'></script>

4. Lưu tiện ích. 

II - Tiện ích Recent Comments

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://www.thietkblogger.net/feeds/comments/default?alt=json-in-script&callback=showrecentcomments'></script>

4. Lưu tiện ích lại và Oke.
Bạn hãy thay code màu đỏ http://www.thietkblogger.net thành địa chỉ blog của bạn. 

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