Bài viết mới Recent Post widget dạng tin tức theo nhãn cho blogger.

Hôm trước 1ThuThuat có đăng một bài Recent Post load đổi bài viết, hôm nay mình chia sẻ với mọi người một dạng Recent Post widget khá đẹp đó là Recent Post widget dạng tin tức theo nhãn cho blogger.



Recent Post widget dạng tin tức theo nhãn cho blogger.
Recent Post widget dạng tin tức theo nhãn cho blogger.

Hướng dẫn tạo Recent Post widget dạng tin tức theo nhãn cho blogger


Bước 1: Bố cục→Thêm tiệc ích HTML→Thêm đoạn code sau:
<style type="text/css"> 
#soft_cr {width:260px;margin:0;padding:10px;overflow:hidden;border:1px solid #ccc;background:#fff} 
.soft_cr h2{background:#39c;color:#fff;line-height:1.6em;margin:0 0 10px;padding:4px 10px;font-weight:bold} 
.soft_cr ul{list-style:none;margin:0;padding:0} 
.soft_cr li{text-indent:0;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihgjs-19rg17YwYheytulK6x_zRG6AS5GZWqNIu6WXhExsUObBHrMINiM_Pfo5rGikQMgCXT_qsUyqqObsZar11841yNdv1Vhs77Fg7L7jC_4hHuFrcWWlbvaUWGa1QzGHa57__z6Cnad6/) no-repeat 0 7px;line-height:1.5em;margin:0;padding:2px 0 2px 15px} 
.soft_cr h2 a:link, .rc-plus h2 a:visited {color:#fff} 
</style> 
<div id="soft_cr" class="soft_cr"> 
<script type='text/javascript'> 
numposts = 10; list1 = 1; sumPosts = 150; 
</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 + '"><b>' + g + '</b></a><p style="margin:0;padding:5px 0 10px">' + removeHtmlTag(j, sumPosts) + ' ...</p></td></tr></table>'; 
        var m = '<li><a href="' + h + '">' + g + '</a></li>'; 
        if ((i >= 0) && (i < list1)) { 
            var n = l 
        } 
        if (i == list1) { 
            var n = '<div class="rc-plus"><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=\"softwarecrack.ga/feeds/posts/default/-/Blogger?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>"); 
//]]> 
</script> 
</div>


Tùy chỉnh:
  • softwarecrack.ga: Các bạn thay bằng tên blog của bạn
  • Blogger : là nhãn bạn thay bằng nhãn blog của bạn
  • Nếu muốn hiển thị tất cả các nhãn xóa Blogger đi không điền gì vào đấy là được
Vói dạng Recent Post widget dạng tin tức theo nhãn cho blogger bạn thích chứ? Nếu thích thì thanks cái nhé!

SHARE THIS

Author:

Etiam at libero iaculis, mollis justo non, blandit augue. Vestibulum sit amet sodales est, a lacinia ex. Suspendisse vel enim sagittis, volutpat sem eget, condimentum sem.