Hiển Thị Bài Viết Theo Nhãn Với Hai Cột

Với thời gian cho phép, mình đã nghiên cứu và chia sẻ cho cộng đồng Blog code hiển thị bài viết theo nhãn, hiển thị 2 cột như mình đã dùng. Cách thêm HTLM này rất đơn giản:

- Thêm 1 HTML
- Dán code hiển thị bài viết theo nhãn với hai cột vào
- Lưu là OK. Bạn xem lại để có hài lòng không.

<div align="center"><table bgcolor="#F8F8FF" border="0" cellpadding="2" cellspacing="6" width="560"><tbody><tr><td><style type="text/css">#itechplus-rc {width:275px;margin:0;padding:10px;overflow:hidden;border:3px solid #E8A317;background:#E0FFFF} .itechplus-rc h2{background:#FF4500;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/AVvXsEhVmNUgZOwJCek8jXM9dGM_36KjdKhcbPYW6dipElZd6wAOfcaihgTC13_4btTm6eDa38o0lAcfNqKOXtkECilvXuBMejCXFrLacfTcJsaEjRPApS_4dezxk8YaSrONiIsKaeYrRAQoM-k0/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><br /><div id="itechplus-rc" class="itechplus-rc"><br /><br /><h2><a href="http://hoithanhkienbai.blogspot.com/search/label/S%E1%BB%A8C%20KH%E1%BB%8EE?&max-results=8">SỨC KHỎE- ĐỜI SỐNG</a></h2><script type='text/javascript'>numposts = 5; list1 = 1; sumPosts = 168;sumtitle = 30; </script><br /><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://www.hoithanhkienbai.blogspot.com/feeds/posts/default/-/SỨC KHỎE?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>"); //]]></script><br /><p style="float:right;margin:0;padding:3px">Xem tất cả<a href="http://hoithanhkienbai.blogspot.com/search/label/S%E1%BB%A8C%20KH%E1%BB%8EE"> Sức khỏe đời sống »</a></p></div></td> <td><br /><div id="itechplus-rc" class="itechplus-rc"><h2><a href="http://hoithanhkienbai.blogspot.com/search/label/S%E1%BA%AEC%20%C4%90%E1%BA%B8P?&max-results=8">SẮC ĐẸP</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://www.hoithanhkienbai.blogspot.com/feeds/posts/default/-/SẮC ĐẸP?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>"); //]]></script><br /><p style="float:right;margin:0;padding:3px">Xem tất cả<a href="http://hoithanhkienbai.blogspot.com/search/label/S%E1%BA%AEC%20%C4%90%E1%BA%B8P"> Sắc đẹp »</a></p></div></td></tr><tr><td><br /><div id="itechplus-rc" class="itechplus-rc"><h2><a href="http://hoithanhkienbai.blogspot.com/search/label/GIA%20CH%C3%81NH?max-results=7.?&max-results=8">GIA CHÁNH </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://www.hoithanhkienbai.blogspot.com/feeds/posts/default/-/GIA CHÁNH?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>"); //]]></script><br /><p style="float:right;margin:0;padding:3px">Xem tất cả<a href="http://hoithanhkienbai.blogspot.com/search/label/GIA%20CH%C3%81NH?max-results=7. "> Gia chánh »</a></p></div></td> <td><br /><div id="itechplus-rc" class="itechplus-rc"><h2><a href="http://hoithanhkienbai.blogspot.com/search/label/M%E1%BA%B8%20V%C3%80%20B%C3%89?&max-results=8">MẸ & BÉ </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://www.hoithanhkienbai.blogspot.com/feeds/posts/default/-/MẸ VÀ BÉ?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>"); //]]></script><br /><p style="float:right;margin:0;padding:3px">Xem tất cả<a href="http://hoithanhkienbai.blogspot.com/search/label/M%E1%BA%B8%20V%C3%80%20B%C3%89"> Mẹ và bé »</a></p></div></td></tr></tbody></table></div><br />

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

Share on Google Plus

About Unknown

Bài viết này được chia sẻ bởi Unknown.