Thành công!
TRUCBLOG JOURNAL GÓC ĐỌC • GÓC VIẾT
Bài viết / Góc chia sẻ

Tạo chuyên mục cho bài viết theo nhãn ver 2

Đỗ Trực tháng 9 20, 2015 2 phút đọc 16 bình luận … Lượt xem
Lúc trước mình mình đã giới thiệu với bạn bài viết “Tạo nhiều chuyên mục cho bài viết theo nhãn” được nhiều bạn áp dụng thành công và được rất nhiều góp ý để xây dựng tiện ích tốt hơn. Từ những đóng góp đó, hôm nay mình sẽ giới thiệu đến các bạn phiên bản 2.0 với nhiều chức năng và trình bày chuyên nghiệp hơn. Mong rằng sẽ giúp ích cho các bạn, để blog của các bạn ngày càng trở nên hấp dẫn và đẳng cấp hơn. Đây cũng là tiện ích được tác giả Blog V.q.An viết ra , nhưng mình đã tối ưu hóa lại một số code để load nhanh hơn và nhìn  chuyên nghiệp hơn . 


Nào chúng ta bắt tay vào công việc thôi:

Bước 1:  Chèn đoạn css sau phía trên thẻ ]]></b:skin>
/*Chinhtrucblog.blogspot.com Magazine with 6 box */
a{text-decoration:none; margin:0;}a:hover {text-decoration:none;}ul,li {margin:0; padding:0}#box {margin:0 auto}.box01 {overflow:hidden; background:#fff; margin-bottom:20px; position:relative;border-bottom: 2px solid #c2361c;border-radius: 10px; -webkit-box-shadow: 0 1px 3px 0 #B5B5B5;border: 2px solid #DDD;}.box011{width:58%; float:left; height:400px; padding:10px 1%;}.box011 h2 {margin-bottom:5px; font-size:16px; font-weight:bold}.box011 img{margin-bottom:5px; height:238px; width:100%; box-shadow: 0 0 2px 1px #000;}.box011-info {text-align:justify}.box012 {display:block; width:40%; height:70px; float:right; font-size:14px; overflow:hidden; transition: background 0.4s}.box012:hover {background:#bbb}.box012:hover a {color:#000}.box012 img {height:50px; width:30%; float:left; margin:10px 2%; box-shadow: 0 0 2px 1px #000;}.box012 h3 a {font-weight:normal; font-size:14px; display:block; width:64% ; height:60px; float:right; padding:5px 2% 5px 0; line-height:20px}
.box02{margin-bottom:20px; overflow:hidden; background:#fff;border-bottom: 2px solid #c2361c;border-radius: 10px;webkit-box-shadow: 0 1px 3px 0 #B5B5B5;border: 2px solid #DDD;}.box021{width:58%; float:left; height:180px; padding:10px 1%;}.box021 h3{font-size:16px; margin-bottom:5px}.box021 img{margin-right:5px; height:100px; width:40%; float:left; box-shadow: 0 0 2px 1px #000;}.box021-info {text-align:justify}.box022 {display: block; width:40%; float:right; height:40px; overflow:hidden; transition: background 0.4s}.box022:hover {background:#bbb}.box022:hover a {color:#000}.box022 img {float:left; height:30px; width:18%; margin:5px 2%; box-shadow: 0 0 2px 1px #000;}.box022 h3 a{font-weight:normal; font-size:14px; display:block; width:78%; height:40px; float:right; line-height:20px}
.box03{margin-bottom:20px; overflow:hidden; background:#fff;border-bottom: 2px solid #c2361c;border-radius: 10px;webkit-box-shadow: 0 1px 3px 0 #B5B5B5;border: 2px solid #DDD;}.box031{width:42%; float:left; height:345px; padding:10px 1%}.box031 img{height:175px; width:100%; box-shadow: 0 0 2px 1px #000;}.box031 h3 a{font-size:16px}.box031-info {text-align:justify}.box032 {display: block; width:27%; padding:10px 1% 10px 0; float:left; height:135px; overflow:hidden; border-bottom:1px solid #aaa}.box032 img {height:105px; width:100%; box-shadow: 0 0 2px 1px #000;}.box032 h3 a{font-weight:normal; font-size:14px; display:block; height:40px; line-height:20px}.box033 {display: block; width:52%; padding:5px 2%; height:20px; overflow:hidden; transition: background 0.4s}.box033:hover {background:#bbb}.box033:hover a {color:#000}.box033 h3 a{font-weight:normal; font-size:14px; display:block; height:20px; line-height:20px}
.box04{margin-bottom:20px; overflow:hidden; background:#fff;border-bottom: 2px solid #c2361c;border-radius: 10px;webkit-box-shadow: 0 1px 3px 0 #B5B5B5;border: 2px solid #DDD;}.box04-left{width:69%; float:left}.box041{width:96%; height:398px; padding:10px 2%; border-bottom:1px solid #aaa}.box041 img{height:270px; width:100%; box-shadow: 0 0 2px 1px #000;}.box041 h3 a{font-size:16px}.box041-info {text-align:justify}.box042 {display: block; width:31.3%; padding:5px 1%; float:left; height:130px; overflow:hidden;}.box042 img {height:82px; width:100%; margin:0 1px; box-shadow: 0 0 2px 1px #000;}.box042 h3 a{font-weight:normal; font-size:14px; display:block; height:51px; line-height:17px}.box04-right{width:31%; float:right}.box043 {display: block; width:98%; padding:10px 2% 0 0; height:170px; overflow:hidden; border-bottom:1px solid #aaa}.box043:hover a {color:#000}.box043 img {height:125px; width:100%; box-shadow: 0 0 2px 1px #000;}.box043 h3 a{font-weight:normal; font-size:14px; display:block; height:40px; line-height:20px;}.box044 {display: block; width:98%; padding:5px 1%; overflow:hidden; transition: background 0.4s;}.box044:hover {background:#bbb}.box044:hover a {color:#000}.box044 h3 a{font-weight:normal; font-size:14px; display:block; height:42px; padding: 1px 0; overflow:hidden; line-height:21px}
.box05{margin-bottom:20px; overflow:hidden; background:#fff; width:500px;border-bottom: 2px solid #c2361c;border-radius: 10px;webkit-box-shadow: 0 1px 3px 0 #B5B5B5;border: 2px solid #DDD;}.box051{width:480px; height:380px; padding:10px; border-bottom:1px solid #aaa}.box051 img{height:300px; width:480px; box-shadow: 0 0 2px 1px #000;}.box051 h3 a{font-size:16px}.box051-info {text-align:justify}.box052 {display: block; width:240px; padding:10px 5px; float:left; height:190px; overflow:hidden; border-bottom:1px solid #aaa}.box052 img {height:150px; width:240px; box-shadow: 0 0 2px 1px #000;}.box052 h3 a{font-weight:normal; font-size:14px; display:block; height:40px;}.box053 {display: block; width:500px; padding:5px; height:20px; overflow:hidden; transition: background 0.4s}.box053:hover {background:#bbb}.box053:hover a {color:#000}.box053 h3 a{font-weight:normal; font-size:14px; display:block; height:20px; line-height:20px}
.box06{margin-bottom:20px; overflow:hidden;;border-bottom: 2px solid #c2361c;border-radius: 10px;webkit-box-shadow: 0 1px 3px 0 #B5B5B5;border: 2px solid #DDD;}.box06 h2 {padding:5px 10px 0 10px; border-bottom:1px solid #ff4500; background:#eee; font-size:20px; margin:0}.box06a{width:48.5%; float:left; background:#fff; overflow:hidden;}.box06b{width:48.5%; float:right; background:#fff; overflow:hidden;}.box061{height:290px; padding:10px; border-bottom:1px solid #aaa}.box061 img{height:190px; width:100%; box-shadow: 0 0 2px 1px #000;}.box061 h3 a{font-size:16px}.box061-info {text-align:justify}.box062 {display: block; width:98%; padding:5px 1%; overflow:hidden; transition: background 0.4s}.box062:hover {background:#bbb}.box062:hover a {color:#000}.box062 h3 a{font-weight:normal; font-size:14px; display:block; height:30px; line-height:15px}
.boxmenu{overflow: hidden; width: 100%; border-bottom:1px solid #ff4500; background:#eee;;border-bottom: 2px solid #c2361c;border-radius: 10px;webkit-box-shadow: 0 1px 3px 0 #B5B5B5;border: 2px solid #DDD;}.boxmenu li{float: left; list-style: none;}.boxmenu a{padding: 5px 5px 5px 25px; float: left; text-decoration: none; position: relative; color:#000}.boxmenu li:first-child a{padding-left: 15px; background:#333; color:#eee}.boxmenu li:first-child a::after{border-left-color: #333;}.boxmenu li:first-child a:hover{background:#000; color:#fff}.boxmenu li:first-child a:hover::after { border-left-color: #000;}.boxmenu a:hover{background: #aaa;}.boxmenu a::after, .boxmenu a::before{content: ""; position: absolute; top: 50%; margin-top: -1.5em; border-top: 1.5em solid transparent; border-bottom: 1.5em solid transparent; border-left: 1em solid; right: -1em;}.boxmenu a::after{z-index: 2; border-left-color: #eee;}.boxmenu a::before{border-left-color: #bbb; right: -1.1em; z-index: 1; }.boxmenu a:hover::after{ border-left-color: #aaa;}
Bước 2:  Chèn đoạn code này phía trên thẻ </head>
<script src=' https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js ' type='text/javascript'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<script type='text/javascript'>
/*<![CDATA[*/
// http://chinhtrucblog.blogspot.com/2015/09/tao-chuyen-muc-cho-bai-viet-theo-nhan.html- Home box v2.0
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('V E(a,b){G(a.F("<")!=-1){r s=a.w("<");x(r i=0;i<s.n;i++){G(s[i].F(">")!=-1){s[i]=s[i].T(s[i].F(">")+1,s[i].n)}}a=s.1C("")}b=(b<a.n-1)?b:a.n-2;1D(a.1B(b-1)!=\' \'&&a.F(\' \',b)!=-1)b++;a=a.T(0,b-1);1A a+\'...\'}H=["1x://1y.1z/1E/1F-1L-1M"];1K=U=!0;1J=1G;1H=1w;L=1N;V 1u(i){j=U?N.14((H.n+1)*N.13()):0;o=[];O=L<=i.y.A.n?L:i.y.A.n;x(r g=0;g<O;g++){r e=i.y.A[g],l=e.v.$t,h;G(g==i.y.A.n)I;x(r f=0;f<e.p.n;f++)G("Z"==e.p[f].M){h=e.p[f].q;I}x(f=0;f<e.p.n;f++)G("15"==e.p[f].M&&"10/12"==e.p[f].X){e.p[f].v.w(" ");I}f="Q"P e?e.Q.$t:"R"P e?e.R.$t:"";z=e.W.$t;j>H.n-1&&(j=0);o[g]=H[j];s=f;a=s.F("<o");b=s.F(\'J="\',a);c=s.F(\'"\',b+5);d=s.Y(b+5,c-b-5);-1!=a&&-1!=b&&-1!=c&&""!=d&&(o[g]=d);e=[1,2,3,4,5,6,7];z.w("-")[2].T(0,2);r m=z.w("-")[1];z.w("-");x(r k=0;k<e.n&&!(16(m)==e[k]);k++);0==g&&(e=\'<8 D="1h"><a q="\'+h+\'"><o S="\'+l+\'" J="\'+o[g]+\'"/></a><1k><a q="\'+h+\'" v="\'+E(f,K)+\'">\'+l+\'</a></1k><8 D="1h-17">\'+E(f,1m)+"...</8></8>",C.B(e));1<=g&&6>=g&&(e=\'<8 D="1n"><a q="\'+h+\'"><o S="\'+l+\'" J="\'+o[g]+\'"/></a><u><a q="\'+h+\'" v="\'+E(f,K)+\'">\'+l+"</a></u></8>",C.B(e));j++}C.B("")}V 1o(i){j=U?N.14((H.n+1)*N.13()):0;o=[];O=L<=i.y.A.n?L:i.y.A.n;x(r g=0;g<O;g++){r e=i.y.A[g],l=e.v.$t,h;G(g==i.y.A.n)I;x(r f=0;f<e.p.n;f++)G("Z"==e.p[f].M){h=e.p[f].q;I}x(f=0;f<e.p.n;f++)G("15"==e.p[f].M&&"10/12"==e.p[f].X){e.p[f].v.w(" ");I}f="Q"P e?e.Q.$t:"R"P e?e.R.$t:"";z=e.W.$t;j>H.n-1&&(j=0);o[g]=H[j];s=f;a=s.F("<o");b=s.F(\'J="\',a);c=s.F(\'"\',b+5);d=s.Y(b+5,c-b-5);-1!=a&&-1!=b&&-1!=c&&""!=d&&(o[g]=d);e=[1,2,3,4,5,6,7];z.w("-")[2].T(0,2);r m=z.w("-")[1];z.w("-");x(r k=0;k<e.n&&!(16(m)==e[k]);k++);0==g&&(e=\'<8 D="1g"><u><a q="\'+h+\'" v="\'+E(f,K)+\'">\'+l+\'</a></u><a q="\'+h+\'"><o S="\'+l+\'" J="\'+o[g]+\'"/></a><8 D="1g-17">\'+E(f,18)+"...</8></8>",C.B(e));1<=g&&5>=g&&(e=\'<8 D="1v"><a q="\'+h+\'"><o S="\'+l+\'" J="\'+o[g]+\'"/></a><u><a q="\'+h+\'" v="\'+E(f,K)+\'">\'+l+"</a></u><8 1c=\'1a:19\'></8></8>",C.B(e));j++}C.B("")}V 1p(i){j=U?N.14((H.n+1)*N.13()):0;o=[];O=L<=i.y.A.n?L:i.y.A.n;x(r g=0;g<O;g++){r e=i.y.A[g],l=e.v.$t,h;G(g==i.y.A.n)I;x(r f=0;f<e.p.n;f++)G("Z"==e.p[f].M){h=e.p[f].q;I}x(f=0;f<e.p.n;f++)G("15"==e.p[f].M&&"10/12"==e.p[f].X){e.p[f].v.w(" ");I}f="Q"P e?e.Q.$t:"R"P e?e.R.$t:"";z=e.W.$t;j>H.n-1&&(j=0);o[g]=H[j];s=f;a=s.F("<o");b=s.F(\'J="\',a);c=s.F(\'"\',b+5);d=s.Y(b+5,c-b-5);-1!=a&&-1!=b&&-1!=c&&""!=d&&(o[g]=d);e=[1,2,3,4,5,6,7];z.w("-")[2].T(0,2);r m=z.w("-")[1];z.w("-");x(r k=0;k<e.n&&!(16(m)==e[k]);k++);0==g&&(e=\'<8 D="1f"><a q="\'+h+\'"><o S="\'+l+\'" J="\'+o[g]+\'"/></a><u><a q="\'+h+\'" v="\'+E(f,K)+\'">\'+l+\'</a></u><8 D="1f-17">\'+E(f,18)+"...</8></8>",C.B(e));1<=g&&2>=g&&(e=\'<8 D="1t"><a q="\'+h+\'"><o S="\'+l+\'" J="\'+o[g]+\'"/></a><u><a q="\'+h+\'" v="\'+E(f,K)+\'">\'+l+"</a></u><8 1c=\'1a:19\'></8></8>",C.B(e));3<=g&&9>=g&&(e=\'<8 D="1s"><u><a q="\'+h+\'" v="\'+E(f,K)+\'">&#1b; \'+l+"</a></u></8>",C.B(e));j++}C.B("")}V 1q(i){j=U?N.14((H.n+1)*N.13()):0;o=[];O=L<=i.y.A.n?L:i.y.A.n;x(r g=0;g<O;g++){r e=i.y.A[g],l=e.v.$t,h;G(g==i.y.A.n)I;x(r f=0;f<e.p.n;f++)G("Z"==e.p[f].M){h=e.p[f].q;I}x(f=0;f<e.p.n;f++)G("15"==e.p[f].M&&"10/12"==e.p[f].X){e.p[f].v.w(" ");I}f="Q"P e?e.Q.$t:"R"P e?e.R.$t:"";z=e.W.$t;j>H.n-1&&(j=0);o[g]=H[j];s=f;a=s.F("<o");b=s.F(\'J="\',a);c=s.F(\'"\',b+5);d=s.Y(b+5,c-b-5);-1!=a&&-1!=b&&-1!=c&&""!=d&&(o[g]=d);e=[1,2,3,4,5,6,7];z.w("-")[2].T(0,2);r m=z.w("-")[1];z.w("-");x(r k=0;k<e.n&&!(16(m)==e[k]);k++);0==g&&(e=\'<8 D="1i-1r">\',C.B(e));0==g&&(e=\'<8 D="1j"><a q="\'+h+\'"><o S="\'+l+\'" J="\'+o[g]+\'"/></a><u><a q="\'+h+\'" v="\'+E(f,K)+\'">\'+l+\'</a></u><8 D="1j-17">\'+E(f,18)+"...</8></8>",C.B(e));1<=g&&3>=g&&(e=\'<8 D="1I"><a q="\'+h+\'"><o S="\'+l+\'" J="\'+o[g]+\'"/></a><u><a q="\'+h+\'" v="\'+E(f,K)+\'">\'+l+"</a></u><8 1c=\'1a:19\'></8></8>",C.B(e));4==g&&(e=\'</8><8 D="1i-1U">\',C.B(e));4==g&&(e=\'<8 D="1O"><a q="\'+h+\'"><o S="\'+l+\'" J="\'+o[g]+\'"/></a><u><a q="\'+h+\'" v="\'+E(f,K)+\'">\'+l+"</a></u><8 1c=\'1a:19\'></8></8>",C.B(e));5<=g&&11>=g&&(e=\'<8 D="1V"><u><a q="\'+h+\'" v="\'+E(f,K)+\'">&#1b; \'+l+"</a></u></8>",C.B(e));11==g&&(e=\'</8><8 1c="1a:19"></8>\',C.B(e));j++}C.B("")}V 1T(i){j=U?N.14((H.n+1)*N.13()):0;o=[];O=L<=i.y.A.n?L:i.y.A.n;x(r g=0;g<O;g++){r e=i.y.A[g],l=e.v.$t,h;G(g==i.y.A.n)I;x(r f=0;f<e.p.n;f++)G("Z"==e.p[f].M){h=e.p[f].q;I}x(f=0;f<e.p.n;f++)G("15"==e.p[f].M&&"10/12"==e.p[f].X){e.p[f].v.w(" ");I}f="Q"P e?e.Q.$t:"R"P e?e.R.$t:"";z=e.W.$t;j>H.n-1&&(j=0);o[g]=H[j];s=f;a=s.F("<o");b=s.F(\'J="\',a);c=s.F(\'"\',b+5);d=s.Y(b+5,c-b-5);-1!=a&&-1!=b&&-1!=c&&""!=d&&(o[g]=d);e=[1,2,3,4,5,6,7];z.w("-")[2].T(0,2);r m=z.w("-")[1];z.w("-");x(r k=0;k<e.n&&!(16(m)==e[k]);k++);0==g&&(e=\'<8 D="1e"><a q="\'+h+\'"><o S="\'+l+\'" J="\'+o[g]+\'"/></a><u><a q="\'+h+\'" v="\'+E(f,K)+\'">\'+l+\'</a></u><8 D="1e-17">\'+E(f,18)+"...</8></8>",C.B(e));1<=g&&2>=g&&(e=\'<8 D="1P"><a q="\'+h+\'"><o S="\'+l+\'" J="\'+o[g]+\'"/></a><u><a q="\'+h+\'" v="\'+E(f,K)+\'">\'+l+"</a></u></8>",C.B(e));3<=g&&9>=g&&(e=\'<8 D="1R"><u><a q="\'+h+\'" v="\'+E(f,K)+\'">&#1b; \'+l+"</a></u></8>",C.B(e));j++}C.B("")}V 1S(i){j=U?N.14((H.n+1)*N.13()):0;o=[];O=L<=i.y.A.n?L:i.y.A.n;x(r g=0;g<O;g++){r e=i.y.A[g],l=e.v.$t,h;G(g==i.y.A.n)I;x(r f=0;f<e.p.n;f++)G("Z"==e.p[f].M){h=e.p[f].q;I}x(f=0;f<e.p.n;f++)G("15"==e.p[f].M&&"10/12"==e.p[f].X){e.p[f].v.w(" ");I}f="Q"P e?e.Q.$t:"R"P e?e.R.$t:"";z=e.W.$t;j>H.n-1&&(j=0);o[g]=H[j];s=f;a=s.F("<o");b=s.F(\'J="\',a);c=s.F(\'"\',b+5);d=s.Y(b+5,c-b-5);-1!=a&&-1!=b&&-1!=c&&""!=d&&(o[g]=d);e=[1,2,3,4,5,6,7];z.w("-")[2].T(0,2);r m=z.w("-")[1];z.w("-");x(r k=0;k<e.n&&!(16(m)==e[k]);k++);0==g&&(e=\'<8 D="1d"><a q="\'+h+\'"><o S="\'+l+\'" J="\'+o[g]+\'"/></a><u><a q="\'+h+\'" v="\'+E(f,K)+\'">\'+l+\'</a></u><8 D="1d-17">\'+E(f,18)+"...</8></8>",C.B(e));1<=g&&5>=g&&(e=\'<8 D="1l"><u><a q="\'+h+\'" v="\'+E(f,K)+\'">&#1b; \'+l+"</a></u></8>",C.B(e));j++}C.B("")}V 1Q(i){j=U?N.14((H.n+1)*N.13()):0;o=[];O=L<=i.y.A.n?L:i.y.A.n;x(r g=0;g<O;g++){r e=i.y.A[g],l=e.v.$t,h;G(g==i.y.A.n)I;x(r f=0;f<e.p.n;f++)G("Z"==e.p[f].M){h=e.p[f].q;I}x(f=0;f<e.p.n;f++)G("15"==e.p[f].M&&"10/12"==e.p[f].X){e.p[f].v.w(" ");I}f="Q"P e?e.Q.$t:"R"P e?e.R.$t:"";z=e.W.$t;j>H.n-1&&(j=0);o[g]=H[j];s=f;a=s.F("<o");b=s.F(\'J="\',a);c=s.F(\'"\',b+5);d=s.Y(b+5,c-b-5);-1!=a&&-1!=b&&-1!=c&&""!=d&&(o[g]=d);e=[1,2,3,4,5,6,7];z.w("-")[2].T(0,2);r m=z.w("-")[1];z.w("-");x(r k=0;k<e.n&&!(16(m)==e[k]);k++);0==g&&(e=\'<8 D="1d"><a q="\'+h+\'"><o S="\'+l+\'" J="\'+o[g]+\'"/></a><u><a q="\'+h+\'" v="\'+E(f,K)+\'">\'+l+\'</a></u><8 D="1d-17">\'+E(f,18)+"...</8></8>",C.B(e));1<=g&&5>=g&&(e=\'<8 D="1l"><u><a q="\'+h+\'" v="\'+E(f,K)+\'">&#1b; \'+l+"</a></u></8>",C.B(e));j++}C.B("")};',62,120,'||||||||div|||||||||||||||length|img|link|href|var|||h3|title|split|for|feed|postdate|entry|write|document|class|removeHtmlTag|indexOf|if|imgr|break|src|100|numposts|rel|Math|maxpost|in|content|summary|alt|substring|showRandomImg|function|published|type|substr|alternate|text||html|random|floor|replies|parseInt|info|250|both|clear|9679|style|box061|box051|box031|box021|box011|box04|box041|h2|box062|290|box012|voquocanbox02|voquocanbox03|voquocanbox04|left|box033|box032|voquocanbox01|box022|25|https|googledrive|com|return|charAt|join|while|host|0B|70|summaryTitle|box042|summaryPost|aBold|PN1SIugzO|MF9DdkJnSkJUOGs|500|box043|box052|voquocanbox06b|box053|voquocanbox06a|voquocanbox05|right|box044'.split('|'),0,{}))

//]]>

</script>
<style type='text/css'> #Blog1{display:none} </style>
</b:if>

Lưu ý: Nếu trong template đã có file jquery thì bỏ đoạn code màu đỏ đi để tránh xung đột code.
Bước 3: Chèn code vào template:
Vào template dùng từ khóa "Blog1" tìm đoạn code sau:
<b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Bài đăng trên Blog' type='Blog'>...</b:widget> </b:section>
Các bạn chèn các đoạn code  (mẫu 1-> 6) đặt ở phía trên đoạn code vừa tìm được.
Mẫu 1:
Code:
<b:if cond='data:blog.url == data:blog.homepageUrl'><div class='box01'><ul class='boxmenu'> <li><a href='http://chinhtrucblog.blogspot.com/'>Blog</a></li> <li><a href='http://chinhtrucblog.blogspot.com/'>Thiết Kế Web</a></li> <li><a href='http://chinhtrucblog.blogspot.com/'>Photoshop</a></li></ul><script src='/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=voquocanbox01'/> </div></b:if>

 Mẫu 2:
Code:
<b:if cond='data:blog.url == data:blog.homepageUrl'><div class='box02'><ul class='boxmenu'> <li><a href='http://chinhtrucblog.blogspot.com/'>Nhạc</a></li> <li><a href='http://chinhtrucblog.blogspot.com/'>Phim</a></li> <li><a href='http://chinhtrucblog.blogspot.com/'>Thời trang</a></li></ul><script src='/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=voquocanbox02'/> </div></b:if>

Mẫu 3:
Code:
<b:if cond='data:blog.url == data:blog.homepageUrl'><div class='box03'><ul class='boxmenu'> <li><a href='http://chinhtrucblog.blogspot.com/'>Nhạc</a></li> <li><a href='http://chinhtrucblog.blogspot.com/'>Phim</a></li> <li><a href='http://chinhtrucblog.blogspot.com/'>Thời trang</a></li></ul><script src='/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=voquocanbox03'/> </div></b:if>

Mẫu 4:

Code:
<b:if cond='data:blog.url == data:blog.homepageUrl'><div class='box04'><ul class='boxmenu'> <li><a href='http://chinhtrucblog.blogspot.com/'>Nhạc</a></li> <li><a href='http://chinhtrucblog.blogspot.com/'>Phim</a></li> <li><a href='http://chinhtrucblog.blogspot.com/'>Thời trang</a></li></ul><script src='/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=voquocanbox04'/> </div></b:if>

Mẫu 5:
Code:
<b:if cond='data:blog.url == data:blog.homepageUrl'><div class='box05'><ul class='boxmenu'> <li><a href='http://chinhtrucblog.blogspot.com/'>Nhạc</a></li> <li><a href='http://chinhtrucblog.blogspot.com/'>Phim</a></li> <li><a href='http://chinhtrucblog.blogspot.com/'>Thời trang</a></li></ul><script src='/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=voquocanbox05'/> </div></b:if>
Mẫu 6:
Code:
<b:if cond='data:blog.url == data:blog.homepageUrl'><div class='box06'> <div class='box06a'> <h2><a href='http://chinhtrucblog.blogspot.com/'>Thủ Thuật Blogger</a></h2> <script src='/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=voquocanbox06a'/></div><div class='box06b'> <h2><a href='http://chinhtrucblog.blogspot.com/'>Blog giải trí</a></h2> <script src='/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=voquocanbox06b'/></div><div style='clear:both'/></div></b:if>
Các bạn lưu ý:  
Tất cả 6 mẫu trình bày ở trên là lấy ra tất cả bài viết trên blog. Nếu bạn chỉ muốn lấy bài viết của 1 label nhãn) riêng biệt thì thay đoạn tìm đoạn code sau:
/feeds/posts/default?
Và thay thành
/feeds/posts/default/-/Tên Label?
    Những chổ đánh dấu màu đỏ bạn sửa lại cho phù hợp với Blog của mình.
  • Mẫu 5 có kích thước chiều ngang cố định là 500px. Nên nếu sử dụng thì lựa chọn vị trí cho phù hợp để các mục được cân đối ,không gây rối mắt. 
  •   Mẫu 6 là mẫu kép nên nếu dùng thì nên dùng cho 2 label nhìn mới hài hòa và đẹp hơn.
  •   Mỗi blog đều có vị trí và có các kích thước khác nhau ,các bạn nên chỉnh các thông số kích thước lại cho phù hợp với Blog của bạn để hiện thị đẹp nhất.
- Các bạn lưu ý đối với những ai đang sử dụng code ở bài "Tạo nhiều chuyên mục cho bài viết theo nhãn" thì hãy xóa các đoạn css cũ đi mà thay bằng đoạn code ở bước 1 nhé (nếu không thay css thì blog bạn sẽ bị vỡ khung và không hiển thị các mẫu được.) . 
Các bạn thích mẫu nào thì copy và dán đoạn code tương ứng trước tiện ích Blog1.
- Các bạn nên đọc kĩ từng bước rồi thực hiện nhé. Có nhiều bạn chưa đọc kĩ làm thiếu các bước nên bị lỗi không hiện thị được và nhiều lỗi khác nữa...

Xem lại bản v1 Tạo nhiều chuyên mục cho bài viết theo nhãn
.
Code Plugin by Võ Quốc An
Chúc các bạn thành công !!!
Chia sẻ bài viết:
Ảnh đại diện tác giả

Đỗ Trực Tác giả / Admin

Chia sẻ kiến thức lập trình, phát triển web, công nghệ và các thủ thuật thực tế. Cảm ơn bạn đã ghé thăm Truc Blog.

Thảo Luận & Nhận Xét (16)

Công cụ bình luận nâng cao:
Nội quy bình luận của blog

Hãy cùng giữ phần thảo luận thân thiện, hữu ích và an toàn cho mọi người.

  1. Trao đổi lịch sự, tôn trọng người khác; góp ý vào nội dung, không công kích cá nhân.
  2. Bình luận đúng chủ đề bài viết; tránh spam, quảng cáo lặp lại hoặc đường dẫn đáng ngờ.
  3. Không đăng mật khẩu, số giấy tờ, thông tin liên hệ riêng tư hay dữ liệu nhạy cảm.
  4. Khi chia sẻ mã nguồn, hãy dùng công cụ mã hóa code để giữ nguyên ký tự và dễ đọc.
  5. Chỉ chia sẻ hình ảnh, video và tài liệu mà bạn có quyền sử dụng; không đăng nội dung vi phạm pháp luật.
  6. Quản trị viên có thể ẩn hoặc xóa nội dung spam, xúc phạm, không an toàn hoặc không phù hợp.
Biểu tượng cảm xúc nổi bậtChạm để sao chép
Công cụ Mã hóa HTML & Chèn Code vào Bình luận
* Nhấn Chèn Ảnh/Video, dán liên kết công khai rồi sao chép URL vào bình luận. Sau khi bình luận được đăng, mẫu sẽ tự hiển thị ảnh trực tiếp, video MP4/WebM hoặc video YouTube nếu URL thuộc định dạng được hỗ trợ. Blogger không cho tải tệp trực tiếp lên bình luận.

Nhận xét

  1. m đang sử dung: Tạo nhiều chuyên mục cho bài viết theo nhãn. vậy có chèn thêm phần này vào đầu trang được k admin hay phải xoa đi thay toàn bộ

    Trả lờiXóa
  2. Rất cảm ơn ad đã chia sẻ.
    Nhưng mình đã làm theo rất kĩ rồi mà vẫn không được!
    Mình muốn sửa lại code cũ, nhưng không biết bị đụng ở chỗ nào!

    Trả lờiXóa
    Trả lời
    1. Bạn gửi templete của bạn để mình sửa giúp cho

      Xóa
    2. Qùa năm mới cho bạn đây.Kiểm tra mail nhé
      nullXEM DEMO

      Xóa
    3. Mình đã xem Demo, rất đẹp bạn ah.
      Nhưng mình vẫn chưa nhận được mail.
      Trực vui lòng gửi lại mail giúp mình nha.
      Cảm ơn Trực rất nhiều!

      Xóa
    4. Hi, chắc mình quên gửi, bạn check mail nhé ^^

      Xóa
    5. Cảm ơn Trực rất nhiều. Mình đã làm được!
      Và đây là thành quả của bạn: nguyenchithanhblog.blogspot.com
      Thank you very much!

      Xóa
  3. Cảm ơn Trực rất nhiều. Mình đã làm được!
    Và đây là thành quả của bạn:nguyenchithanhblog.blogspot.com
    Thank you very much!

    Trả lờiXóa
  4. BẠN CÓ THỂ GIÚP MÌNH TẠO THANH MANU NGANG XỔ XUỐNG VÀ BÀI VIẾT THEO NHÃN GIIOONGS BÁO CHÍ ĐC KHÔNG. MÌNH LÀM MÃI MÀ KHÔNG ĐƯỢC

    Trả lờiXóa
  5. Bạn thực hiện lại bước 2 nhé :3)

    Trả lờiXóa
  6. a trực kiêm tra giúp e với, web của e: www.cuocsonggiandon123.com
    Em làm đúng như hướng dẫn, mà nó lại ko hiển thị bài viết ra, mà chỉ hiện mỗi nhãn. thank a nhiều ạ!

    Trả lờiXóa
    Trả lời
    1. Bạn phải gán nhãn vào link nhé.

      Xóa
    2. da, e có gắn nhãn vào mục: SỐNG, KHOẺ - ĐẸP, SIMPLE rui a, ma nó hok hiện ra,huhu

      Xóa
    3. Có thể blog bạn bị đụng javascrip nên không hiện. Bạn lưu mẫu lại gửi qua chinhtruc20@gmail.com để mình kiểm tra cho

      Xóa