Trình bày bài viết dạng tin tức cho Blog

Nguồn: Namkna blog

Ưu điểm: ko phải can thiệp vào chỉnh sửa Mẫu.

Nhược điểm: ảnh hưởng đên tốc độ load của Blog do sử dụng javacrip để lấy dữ liệu từ nguồn cấp Feed.

• Hướng dẫn đăng ký và cài đặt Feedburner Atom cho Blog
• Hướng dẫn đăng ký và cài đặt Feed Bunner RSS từ google cho Blog

Hướng dẫn: 

Đăng nhập vào Blogger --> Bố cục --> Thêm tiện ích --> Tạo một widget HTML\JavaScript và dán vào đoạn code bên dưới :

<style type="text/css">#thietkeblogger-rc {width:250px;margin:0;padding:10px;overflow:hidden;border:1px solid #ccc;background:#eeeeee}
.thietkeblogger-rc h2{background:#222222;color:#fff;line-height:1.6em;margin:0 0 10px;padding:4px 10px;font-weight:bold}
.thietkeblogger-rc ul{list-style:none;margin:0;padding:0}
.thietkeblogger-rc li{text-indent:0;background:url(http://4.bp.blogspot.com/-TVFMWMC-lZw/UasMPl5QstI/AAAAAAAADVw/Th-PSA_b3SI/s1600/tag_blue.gif) no-repeat 0 7px;line-height:1.5em;margin:0;padding:2px 0 2px 15px}
.thietkeblogger-rc h2 a:link, .thietkeblogger-rc h2 a:visited {color:#fff}
</style>
<div id="thietkeblogger-rc" class="thietkeblogger-rc">
<h2><a href="http://libraryofmrthanh.blogspot.com/?&amp;max-results=5">Thủ thuật</a></h2>
<script type='text/javascript'>
numposts = 5; list1 = 1; sumPosts = 168; sumtitle = 36;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(a, b) {
    var s = a.split("<");
    for (var i = 0; i < s.length; i++) {
        if (s[i].indexOf(">") != -1) {
            s[i] = s[i].substring(s[i].indexOf(">") + 1, s[i].length)
        }
    }
    s = s.join("");
    s = s.substring(0, b - 1);
    return s
}
function showrecentposts(e) {
    img = new Array();
    for (var i = 0; i < numposts; i++) {
        var f = e.feed.entry[i];
        var g = f.title.$t;
        var h;
        if (i == e.feed.entry.length) break;
        for (var k = 0; k < f.link.length; k++) {
            if (f.link[k].rel == 'alternate') {
                h = f.link[k].href;
                break
            }
        }
        if ("content" in f) {
            var j = f.content.$t
        } else if ("summary" in f) {
            var j = f.summary.$t
        } else
        var j = "";
        s = j;
        a = s.indexOf("<img");
        b = s.indexOf("src=\"", a);
        c = s.indexOf("\"", b + 5);
        d = s.substr(b + 5, c - b - 5);
        if ((a != -1) && (b != -1) && (c != -1) && (d != "")) img[i] = d;
        var l = '<table border="0" cellpadding="0" cellspacing="0" style="margin-bottom:5px;border-bottom:double #eee"><tr><td><img width="110" height="85" src="' + img[i] + '" align="left" border="0" title="' + g + '" alt="' + g + '" style="margin:5px 10px 0 0"><a href="' + h + '" title="' + g + '"><b>' + removeHtmlTag(g, sumtitle) + '...</b></a><p style="margin:0;padding:5px 0 10px">' + removeHtmlTag(j, sumPosts) + ' ...</p></td></tr></table>';
        var m = '<li><a href="' + h + '" title="' + g + '"><b>' + removeHtmlTag(g, sumtitle) + '...</b></a></li>';
        if ((i >= 0) && (i < list1)) {
            var n = l
        }
        if (i == list1) {
            var n = '<div class="thietkeblogger-rc"><ul>' + m
        }
        if ((i > list1) && (i < numposts - 1)) {
            var n = m
        }
        if (i == numposts - 1) {
            var n = m + '</ul></div>'
        }
        document.write(n)
    }
}
document.write("<script src=\"http://libraryofmrthanh.blogspot.com/feeds/posts/default/-/Thủ thuật?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
//]]>
</script>
</div>

Sau đó lưu lại .

• numposts = 5; : tổng số bài viết được hiển thị
• list1 = 1; : số bài viết hiển thị kèm ảnh thumbnail
• sumPosts = 168; : số ký tự mô tả (summary)
• sumtitle = 36; : số ký sẽ lấy làm tiêu đề bài viết
• Thay  http://libraryofmrthanh.blogspot.com/ thành URL địa chỉ blog của bạn.
• Thay Thủ thuật thành nhãn muốn hiển thị bài đăng mới nhất.
• Nếu muốn hiển thị bài cho toàn blog thì bạn xóa " /-/Thủ thuật " ở đoạn dưới cùng đi.

Chúc các bạn vui vẻ !