Breaking News

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

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 !!!

Không có nhận xét nào