Type Here to Get Search Results !

Chia Nhãn(Label) thành các ô

Một thủ thuật không khó nhưng hơi mất thời gian. Đổi lại, hiệu quả thì không nhỏ. Bạn có thể nhận ra thủ thuật này ở hầu hết cac Website Việt hay các trang tin tức hiện nay. Chính bởi hiệu quả nên chúng rất được ưa chuộng. Bạn cũng có thể làm được điều đó. 

Hãy kiên nhẫn, cẩn thận từng chút là sẽ thành công. 

Xem DEMO

HƯỚNG DẪN

BƯỚC 1: Vào Phần tử trang -> Thêm tiện ích/ HTML
BƯỚC 2: Copy và Dán đoạn code sau vào phần nội dung:
<div align="center">
<table bgcolor="#ffffff" border="0" cellpadding="2" cellspacing="6" width="680">
<tbody><tr>
<td><style type="text/css">
#itechplus-rc {width:300px;margin:0;padding:10px;overflow:hidden;border:5px solid
#E8A317;background:#000}
.itechplus-rc h2{background:#39c;color:#FFF;line-height:1.6em;margin:0 0 10px;padding:4px 10px;text-align:center;font-weight:bold}
.itechplus-rc ul{list-style:none;margin:0;padding:0}
.itechplus-rc li{text-indent:0;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnlhQApT_8R7Y0uiY-yBi0YtUFWmVxe3b2slKg79Largx-nk10-YDsQEg5EijVFWp4AKtseO2hWYtLhi9hOQuZDxkaV-8kg1k2KSZqy5QsY4_B9WFl9a_-fGX-tO7yC400RaKByk_kP9Np/s1600/ngoi+sao+nh%E1%BB%8F+vang.gif) no-repeat 0 7px;line-height:1.5em;margin:0;padding:2px 0 2px 15px}
.itechplus-rc h2 a:link, .itechplus-rc h2 a:visited {color:#fff}
</style>
<div id="itechplus-rc" class="itechplus-rc">
<h2><a href="http://Tên blog.blogspot.com/search/label/tên nhãn?&amp;max-results=8">Flash đẹp cho blog</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="itechplus-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://Tên blog.blogspot.com/feeds/posts/default/-/tên nhãn?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
//]]>
</script>
<p style="float:right;margin:0;padding:3px">Xem tất cả<a href="http://Tên blog.blogspot.com/search/label/tên nhãn"> tên nhãn&#187;</a></p>
</div></td>
<td>
<div id="itechplus-rc" class="itechplus-rc">
<h2><a href="http://Tên blog.blogspot.com/search/label/tên nhãn?&amp;max-results=8">tên nhãn</a></h2>
<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="itechplus-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://Tên blog.blogspot.com/feeds/posts/default/-/tên nhãn?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
//]]>
</script>
<p style="float:right;margin:0;padding:3px">Xem tất cả<a href="http://Tên blog.blogspot.com/search/label/tên nhãn"> tên nhãn &#187;</a></p>
</div></td>
</tr>
<tr>
<td>
<div id="itechplus-rc" class="itechplus-rc">
<h2><a href="http://Tên blog.blogspot.com/search/label/tên nhãn?&amp;max-results=8">tên nhãn</a></h2>
<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="itechplus-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://Tên blog.blogspot.com/feeds/posts/default/-/tên nhãn?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
//]]>
</script>
<p style="float:right;margin:0;padding:3px">Xem tất cả<a href="http://Tên blog.blogspot.com/search/label/tên nhãn"> tên nhãn&#187;</a></p>
</div></td>
<td>
<div id="itechplus-rc" class="itechplus-rc">
<h2><a href="http://Tên blog.blogspot.com/search/label/MENU?&amp;max-results=8">tên nhãn</a></h2>
<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="itechplus-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://Tên blog.blogspot.com/feeds/posts/default/-/tên nhãn?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
//]]>
</script>
<p style="float:right;margin:0;padding:3px">Xem tất cả<a href="http://Tên blog.blogspot.com/search/label/tên nhãn"> tên nhãn&#187;</a></p>
</div></td>
</tr>
</tbody></table>
</div>

LƯU Ý

* bgcolor: Màu nền của cả tiện ích
* Width: Chiều rộng của cả tiện ích.
* Background: Màu nền của tiêu đề nhãn.
* Color: (màu đỏ): Màu chữ của tiêu đề nhãn.
* Center: Canh lề cho tiêu đề nhãn (có thể đổi thành left hoặc right). 
* Width: Chiều rộng của một ô.
* Border: Kích thước của đường viền ô nhỏ
* #E8A317: Màu của đường viền ô nhỏ
* Background:: Màu nền của ô nhỏ.
* Numposts: Tổng số lượng bài hiển thị ở mỗi ô.
* List1: Số lượng bài có hình.
* SumPost: Số lượng từ mô tả của bài có hình.
* Sumtile: Số lượng từ của mỗi tiêu đề bài.
* Các bạn phải điền thật chính xác địa chỉ và tên nhãn thì thủ thuật này mới hiển thị.

Nếu muốn thêm 2 nhãn nữa thì bạn copy đoạn code này và dán nó trên dòng lệnh: </tbody></table> cuối cùng.

<tr><td><div id="itechplus-rc" class="itechplus-rc"><h2><a href="địa chỉ nhãn?&amp;max-results=8">Tiêu đề nhãn</a></h2>
<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="itechplus-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://ABC.blogspot.com/feeds/posts/default/-/TÊN NHÃN?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");//]]></script><p style="float:right;margin:0;padding:3px">Xem tất cả<a href="dịa chỉ nhãn"> Tên hiển thị &#187;</a></p></div></td>

<td><div id="itechplus-rc" class="itechplus-rc"><h2><a href="địa chỉ nhãn?&amp;max-results=8">Tiêu đề nhãn</a></h2>
<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="itechplus-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://ABC.blogspot.com/feeds/posts/default/-/TÊN NHÃN?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");//]]></script><p style="float:right;margin:0;padding:3px">Xem tất cả<a href="địa chỉ nhãn"> Tên hiển thị &#187;</a></p></div></td></tr>
Nguồn tham khảo: Dunghennessy.blogspot.com


Tags

Hiện thêm