![[BSW-09] Theme BSW Mega Tab Premium](https://4.bp.blogspot.com/-jmA-qIOJIFU/WfgKSYnhm5I/AAAAAAAAABQ/ElEIBlHd31gISODb3GlA9Z_JPRKiSzvYQCLcBGAs/s55/Logo-Bac-Si-Windows.png){kind=logo}
Hiển thị bài viết theo danh mục tại trang chủ cho blogspot
Sau đây BSW sẽ hướng dẫn các bạn gọi các bài viết theo nhãn ra trang chủ. Bạn có thẻ sử dụng để gọi các bài viết theo danh này tại trang chủ hoặc sử dụng trên cả Sidebar của Blogspot.
Đây là bài viết đầu tiên của chuyên mục Blogspot Catelogy (Hiển thị bài viết theo nhãn) mời các bác theo dõi
 |
| Hiển thị bài viết theo danh mục tại trang chủ cho blogspot |
Code gọi bài viết theo nhãn blogspot từ BSW
<b:if cond='data:blog.url == data:blog.homepageUrl and data:blog.isMobileRequest == "false" or data:blog.pageType == "item"'>
<style type='text/css'>
/* Recent Post by Label home - bacsiwindows */
#home-rc2-bsw{overflow: hidden;margin: 0 0 20px;}
#BSW-rc-label1-wrapper{border-bottom:1px solid #eee;width:100%;float:left;margin:0 0 10px}
#home-rc2-bsw .BSW-rc-label1 ul,.BSW-rc-label2 ul{list-style:none;margin:0;padding:0}
#home-rc2-bsw .BSW-rc-label1 li,.BSW-rc-label2 li{margin:0;padding:0}
#home-rc2-bsw .BSW-rc-label1 .widget,.BSW-rc-label2 .widget{width:700px;max-width:100%;margin:0;padding:0}
#home-rc2-bsw .BSW-rc-label1 .widget-content,.BSW-rc-label2 .widget-content{padding:0;margin:0 0 10px;word-wrap:break-word;overflow:hidden}
#home-rc2-bsw .BSW-rc-label1 h2,.BSW-rc-label2 h2,.BSW-rc-label3 h2{position:relative;margin:5px 0;padding:5px 15px;font-size:14px;font-weight:700;text-transform:uppercase;color:#58a12b;clear:both;border-left:3px solid;background:#eee;display:inline-block}
#home-rc2-bsw .BSW-rc-label1 h2:after{content:'';position:absolute;top:0;right:-25px;width:0;height:0;border-left:14px solid #eee;border-right:14px solid transparent;border-bottom:14px solid transparent;border-top:14px solid transparent}
#home-rc2-bsw .BSW-rc-label2 h2,.BSW-rc-label3 h2{margin:20px 0 0 0}
#home-rc2-bsw .BSW-rc-label2 h2:before{content:'\f10b';right:10px;bottom:0;font-family:FontAwesome;font-style:normal;font-weight:normal;margin:0 10px 0 0;color:#ff675c}
#home-rc2-bsw .BSW-rc-label3 h2:before{content:'\f143'}
#home-rc2-bsw .BSW-rc-label1 .index,.BSW-rc-label2 .index{font-size:10px;float:right;font-weight:400}
#home-rc2-bsw .BSW-rc-label1 .index a,.BSW-rc-label2 .index a{display:flex;color:#039be5;padding:3px 8px;border-radius:2px;font-weight:400;border:1px solid #29b6f6}
#home-rc2-bsw .BSW-rc-label2 .index a{color:#ef6c00;border-color:#ffa726}
#home-rc2-bsw .BSW-rc-label1 .index a:hover{background:#039be5;color:#fff;border-color:transparent}
#home-rc2-bsw .BSW-rc-label2 .index a:hover{background:#ef6c00;color:#fff;border-color:transparent}
#home-rc2-bsw .BSW-rc-label1 .index a:after{content:"\f105";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-left:5px}
#home-rc2-bsw .BSW-rc-label2 .index a:after{content:"\f105";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-left:6px}
#home-rc2-bsw .BSW-rc-label2 span.BSW-rc-_meta_comment a:hover{color:#38761d!important}
#home-rc2-bsw .BSW-rc-label2 ul.BSW-rc-_thumbs li a:hover,.BSW-rc-label2 ul.BSW-rc-_thumbs2 li a:hover{color:#ff675c;text-decoration:none}
#home-rc2-bsw .BSW-rc-_left{float:left;margin:0;padding:0;width:60%}
#home-rc2-bsw .BSW-rc-_right{width:38%;height:440px;overflow:auto;float:right;margin-left:2%;box-sizing:border-box}
#home-rc2-bsw .BSW-rc-_right::-webkit-scrollbar{width:4px}
#home-rc2-bsw .BSW-rc-_right::-webkit-scrollbar-thumb{background:#ccc}
#home-rc2-bsw .BSW-rc-_right::-webkit-scrollbar-thumb:active{background:#bbb}
#home-rc2-bsw ul.BSW-rc-_thumbs{margin:0;padding:0}
#home-rc2-bsw ul.BSW-rc-_thumbs div.bsw-rc-in4{padding:0 14px 14px}
#home-rc2-bsw ul.BSW-rc-_thumbs li,ul.BSW-rc-_thumbs2{margin:0;padding:0}
#home-rc2-bsw ul.BSW-rc-_thumbs .cat_thumb{position:relative;margin:0 0 15px;padding:0;width:100%;height:260px}
#home-rc2-bsw ul.BSW-rc-_thumbs .cat_thumb img{height:100%;width:100%;object-fit:cover}
#home-rc2-bsw ul.BSW-rc-_thumbs .cat_thumb img:hover{opacity:.9}
#home-rc2-bsw ul.BSW-rc-_thumbs2 li{margin:0 0 10px;padding:0}
#home-rc2-bsw ul.BSW-rc-_thumbs2 li .bsw-inf4{padding:10px}
#home-rc2-bsw ul.BSW-rc-_thumbs2 li:last-child{margin:0}
#home-rc2-bsw ul.BSW-rc-_thumbs2 .cat_thumb2{margin:0;width:100%;height:150px;overflow:hidden}
#home-rc2-bsw ul.BSW-rc-_thumbs2 .cat_thumb2 img{height:100%;width:100%}
#home-rc2-bsw ul.BSW-rc-_thumbs2 .cat_thumb2 img:hover{opacity:.8}
#home-rc2-bsw span.BSW-rc-_title{font-size:20px;font-weight:700;display:block;margin:0 0 10px;line-height:1.35}
#home-rc2-bsw span.BSW-rc-_title2{font-size:16px;margin:0 0 5px;font-weight:700}
#home-rc2-bsw span.BSW-rc-_title a{color:#333}
#home-rc2-bsw span.BSW-rc-_title a:hover{color:#ff675c;text-decoration:none}
#home-rc2-bsw span.BSW-rc-_summary{display:block;line-height:1.5em;font-size:14px;text-overflow:ellipsis;margin:10px 0 0 0}
#home-rc2-bsw span.BSW-rc-_meta{display:block;font-family:'Roboto Condensed',sans-serif;font-size:11px;font-weight:400;color:#aaa;text-transform:uppercase}
#home-rc2-bsw span.BSW-rc-_meta a{color:#aaa!important;font-size:12px!important;display:inline-block}
#home-rc2-bsw span.BSW-rc-_meta_date,span.BSW-rc-_meta_comment,span.BSW-rc-_meta_more{display:inline-block;margin-right:10px}
#home-rc2-bsw span.BSW-rc-_meta_comment a:before{content: "\f4ad"; font-family: 'FontAwesome'; font-style: normal; font-weight: 500; text-decoration: inherit; padding-right: 5px;}
#home-rc2-bsw span.BSW-rc-_meta_comment a:hover{color:#ff675c!important}
#home-rc2-bsw span.BSW-rc-_meta_date:before{content:"\f133";font-family:'FontAwesome';font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:5px}
#home-rc2-bsw ul.BSW-rc-_thumbs2 li a:hover,ul.BSW-rc-_thumbs li a:hover{color:#ff675c;text-decoration:none}
</style>
<script type='text/javascript'>
//<![CDATA[
// Recent post home BSW
function labelthumbs(t) {
for (var e = 0; e < numposts; e++) {
var n, r = t.feed.entry[e],
m = r.title.$t;
if (e == t.feed.entry.length) break;
for (var i = 0; i < r.link.length; i++) {
if ("replies" == r.link[i].rel && "text/html" == r.link[i].type) var l = r.link[i].title,
o = r.link[i].href;
if ("alternate" == r.link[i].rel) {
n = r.link[i].href;
break
}
}
var u;
try {
u = r.media$thumbnail.url, u = u.replace("/s72-c/", "/w" + thumb_width + "-h" + thumb_height + "-c/")
} catch (h) {
s = r.content.$t, a = s.indexOf("<img"), b = s.indexOf('src="', a), c = s.indexOf('"', b + 5), d = s.substr(b + 5, c - b - 5), u = -1 != a && -1 != b && -1 != c && "" != d ? d : no_thumb
}
var p = r.published.$t,
w = p.substring(0, 4),
_ = p.substring(5, 7),
f = p.substring(8, 10),
g = new Array;
g[1] = "Tháng 1", g[2] = "Tháng 2", g[3] = "Tháng 3", g[4] = "Tháng 4", g[5] = "Tháng 5", g[6] = "Tháng 6", g[7] = "Tháng 7", g[8] = "Tháng 8", g[9] = "Tháng 9", g[10] = "Tháng 10", g[11] = "Tháng 11", g[12] = "Tháng 12", document.write('<span class="BSW-rc-_left">'), document.write('<ul class="BSW-rc-_thumbs">'), document.write("<li>"), 1 == showpostthumbnails && document.write('<a href="' + n + '"><div class="cat_thumb"><span class="rollover"></span><img width="' + thumb_width + '" height="' + thumb_height + '" alt="' + m + '" src="' + u + '"/></div></a>'), document.write('<div class="bsw-rc-in4"><span class="BSW-rc-_title"><a href="' + n + '" target ="_top">' + m + "</a></span>");
var v = "";
if (document.write('<span class="BSW-rc-_meta">'), 1 == showpostdate && (v = v + '<span class="BSW-rc-_meta_date">' + f + " " + g[parseInt(_)] + ", " + w + "</span>"), 1 == showcommentnum && ("1 Comments" == l && (l = "1 Comments"), "0 Comments" == l && (l = "0 Comments"), showcomment = '<span class="BSW-rc-_meta_comment"><a href="' + o + '">' + l + "</a></span>", v += showcomment), 1 == displaymore && (v = v + '<span class="BSW-rc-_meta_more"><a href="' + n + '" class="url" target ="_top">Read More...</a></span>'), document.write(v), document.write("</span>"), document.write('<span class="BSW-rc-_summary">'), "content" in r) var y = r.content.$t;
else if ("summary" in r) var y = r.summary.$t;
else var y = "";
var k = /<\S[^>]*>/g;
if (y = y.replace(k, ""), 1 == showpostsummary)
if (y.length < numchars) document.write(""), document.write(y), document.write("");
else {
document.write(""), y = y.substring(0, numchars);
var $ = y.lastIndexOf(" ");
y = y.substring(0, $), document.write(y + "..."), document.write("")
} document.write("</span></div>"), document.write("</li>"), document.write("</ul>"), document.write("</span>")
}
document.write('<span class="BSW-rc-_right">'), document.write('<ul class="BSW-rc-_thumbs2">');
for (var e = 1; e < numposts2; e++) {
var n, r = t.feed.entry[e],
m = r.title.$t;
if (e == t.feed.entry.length) break;
for (var i = 1; i < r.link.length; i++) {
if ("replies" == r.link[i].rel && "text/html" == r.link[i].type) var l = r.link[i].title,
o = r.link[i].href;
if ("alternate" == r.link[i].rel) {
n = r.link[i].href;
break
}
}
var x;
try {
x = r.media$thumbnail.url.replace("/s72-c/", "/w" + thumb_width2 + "-h" + thumb_height2 + "-c/")
} catch (h) {
s = r.content.$t, a = s.indexOf("<img"), b = s.indexOf('src="', a), c = s.indexOf('"', b + 5), d = s.substr(b + 5, c - b - 5), x = -1 != a && -1 != b && -1 != c && "" != d ? d : no_thumb2
}
var p = r.published.$t,
w = p.substring(0, 4),
_ = p.substring(5, 7),
f = p.substring(8, 10);
1 == showpostthumbnails2 && document.write('<li><a href="' + n + '"><div class="cat_thumb2"><img width="' + thumb_width2 + '" height="' + thumb_height2 + '" alt="' + m + '" src="' + x + '"/></div></a>'), document.write(""), document.write('<div class="bsw-inf4"><span class="BSW-rc-_title BSW-rc-_title2"><a href="' + n + '" target ="_top">' + m + "</a></span>");
var v = "";
document.write('<span class="BSW-rc-_meta BSW-rc-_meta2">'), 1 == showpostdate2 && (v = v + '<span class="BSW-rc-_meta_date">' + f + " " + g[parseInt(_)] + ", " + w + "</span>"), 1 == showcommentnum2 && ("1 Comment" == l && (l = "1 Comments"), "0 Comment" == l && (l = "0 Comments"), showcomment = '<span class="BSW-rc-_meta_comment BSW-rc-_meta_comment2"><a href="' + o + '">' + l + "</a></span>", v += showcomment), 1 == displaymore2 && (v = v + '<span class="BSW-rc-_meta_more BSW-rc-_meta_more2"><a href="' + n + '" class="url" target ="_top">Read More...</a></span>'), document.write(v), document.write("</span>"), document.write("</div></li>")
}
document.write("</ul>"), document.write("</span>")
}
//]]>
</script>
<b:if cond='data:blog.isMobileRequest == "false"'>
<script type='text/javascript'>
// Recent Posts home BSW Desktop
var numposts=1,numposts2=6,showpostthumbnails=!0,showpostthumbnails2=!0,displaymore=!1,displaymore2=!1,showcommentnum=!0,showcommentnum2=!0,showpostdate=!0,showpostdate2=!0,showpostsummary=!0,numchars=155,thumb_width=456,thumb_height=260,thumb_width2=285,thumb_height2=150,no_thumb="https://4.bp.blogspot.com/-jmA-qIOJIFU/WfgKSYnhm5I/AAAAAAAAABQ/ElEIBlHd31gISODb3GlA9Z_JPRKiSzvYQCLcBGAs/s600/Logo-Bac-Si-Windows.png",no_thumb2=" https://4.bp.blogspot.com/-jmA-qIOJIFU/WfgKSYnhm5I/AAAAAAAAABQ/ElEIBlHd31gISODb3GlA9Z_JPRKiSzvYQCLcBGAs/s100/Logo-Bac-Si-Windows.png";
</script>
</b:if>
<b:if cond='data:blog.isMobileRequest == "true"'>
<script type='text/javascript'>
// Recent Posts home BSW
var numposts=1,numposts2=6,showpostthumbnails=!0,showpostthumbnails2=!0,displaymore=!1,displaymore2=!1,showcommentnum=!0,showcommentnum2=!0,showpostdate=!0,showpostdate2=!0,showpostsummary=!0,numchars=155,thumb_width=500,thumb_height=250,thumb_width2=120,thumb_height2=70,no_thumb="https://4.bp.blogspot.com/-jmA-qIOJIFU/WfgKSYnhm5I/AAAAAAAAABQ/ElEIBlHd31gISODb3GlA9Z_JPRKiSzvYQCLcBGAs/s600/Logo-Bac-Si-Windows.png",no_thumb2=" https://4.bp.blogspot.com/-jmA-qIOJIFU/WfgKSYnhm5I/AAAAAAAAABQ/ElEIBlHd31gISODb3GlA9Z_JPRKiSzvYQCLcBGAs/s100/Logo-Bac-Si-Windows.png";
</script>
</b:if>
</b:if>
<b:if cond='data:view.isHomepage and !data:blog.isMobileRequest'>
<div id='home-rc2-bsw'>
<script>
document.write("<script src=\"/feeds/posts/default/-/Premium Theme?orderby=published&alt=json-in-script&callback=labelthumbs\"><\/script>");
</script>
</div>
</b:if>
Tùy chỉnh Hiển thị bài viết theo danh mục tại trang chủ cho blogspot
- Premium Theme thành tên nhãn muốn hiển thị
- numposts=1,numposts2=6: Số bài lớn và nhỏ
- thumb_width=500,thumb_height=250: Độ rộng và độ cao ảnh muốn xuất ra của bài 1
- thumb_width2=120,thumb_height2=70: Độ rộng và độ cao ảnh muốn xuất ra của bài 2
- !0,!1: Ẩn
- 1: Hiển thị
- <b:if cond='data:view.isHomepage and !data:blog.isMobileRequest'> Chỉ hiện thị trên Trang chủ Desktop, mobile sẽ không hiện
- Bacsiwindows -
chèn vào đâu a phụng
Trả lờiXóaMuốn hiện chuyên mục ở đâu của trang chủ thì mình chèn ở đó. Em chèn dưới Menu đi
Xóaadm mới bsw mà s template lỗi thế đã vậy còn phá temp
Trả lờiXóaLỗi sao bác?
XóaA có nhận sữa tem ko, a code thêm bài viết mới vào tem này đc ko.
Trả lờiXóaDemo: tkgamemod.blogspot.com
Và giá khoảng nhiu a?
Có nhé ib mình: fb.com/688.in
XóaSửa theo yêu cầu :vv
Hỏi a phụng mà :v
Xóainbox qua zalo a 0932913631
XóaMình nhận thay :)) nếu cần ib nhé
Xóa