[Code] Hiện bài viết của 1 label ra trang chủ ( tin tức) tùy chỉnh

  • blogger

    Hiện bài viết của 1 label ra trang chủ ( tin tức)


    Demo :

    Bước 1: Các bạn Vào blogger.com > Template > Edit HTML

    Bước 2: Dán code bên dưới vào chỗ cần hiện.

    Code:

    <b:if cond='data:blog.pageType != "item"'>
    <b:if cond='data:blog.pageType != "static_page"'>
    <script type='text/javascript'>
    //<![CDATA[
    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]="January",g[2]="February",g[3]="March",g[4]="April",g[5]="May",g[6]="June",g[7]="July",g[8]="August",g[9]="September",g[10]="October",g[11]="November",g[12]="December",document.write('<span class="recentpost_left">'),document.write('<ul class="recentpost_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('<span class="recentpost_title"><a href="'+n+'" target ="_top">'+m+"</a></span>");var v="";if(document.write('<span class="recentpost_meta">'),1==showpostdate&&(v=v+'<span class="recentpost_meta_date">'+g[parseInt(_)]+" "+f+", "+w+"</span>"),1==showcommentnum&&("1 Comments"==l&&(l="1 Comments"),"0 Comments"==l&&(l="0 Comments"),showcomment='<span class="recentpost_meta_comment"><a href="'+o+'">'+l+"</a></span>",v+=showcomment),1==displaymore&&(v=v+'<span class="recentpost_meta_more"><a href="'+n+'" class="url" target ="_top">Read More...</a></span>'),document.write(v),document.write("</span>"),document.write('<span class="recentpost_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>"),document.write("</li>"),document.write("</ul>"),document.write("</span>")}document.write('<span class="recentpost_right">'),document.write('<ul class="recentpost_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('<a href="'+n+'"><div class="cat_thumb2"><img width="'+thumb_width2+'" height="'+thumb_height2+'" alt="'+m+'" src="'+x+'"/></div></a>'),document.write("<li>"),document.write('<span class="recentpost_title recentpost_title2"><a href="'+n+'" target ="_top">'+m+"</a></span>");var v="";document.write('<span class="recentpost_meta recentpost_meta2">'),1==showpostdate2&&(v=v+'<span class="recentpost_meta_date">'+g[parseInt(_)]+" "+f+", "+w+"</span>"),1==showcommentnum2&&("1 Comment"==l&&(l="1 Comments"),"0 Comment"==l&&(l="0 Comments"),showcomment='<span class="recentpost_meta_comment recentpost_meta_comment2"><a href="'+o+'">'+l+"</a></span>",v+=showcomment),1==displaymore2&&(v=v+'<span class="recentpost_meta_more recentpost_meta_more2"><a href="'+n+'" class="url" target ="_top">Read More...</a></span>'),document.write(v),document.write("</span>"),document.write("</li>")}document.write("</ul>"),document.write("</span>")}
    function labelthumbs2(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]="January",g[2]="February",g[3]="March",g[4]="April",g[5]="May",g[6]="June",g[7]="July",g[8]="August",g[9]="September",g[10]="October",g[11]="November",g[12]="December",document.write('<span class="recenthotrofm_left">'),document.write('<ul class="recenthotrofm_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('<span class="recenthotrofm_title"><a href="'+n+'" target ="_top">'+m+"</a></span>");var v="";if(document.write('<span class="recenthotrofm_meta">'),1==showpostdate&&(v=v+'<span class="recenthotrofm_meta_date">'+g[parseInt(_)]+" "+f+", "+w+"</span>"),1==showcommentnum&&("1 Comments"==l&&(l="1 Comments"),"0 Comments"==l&&(l="0 Comments"),showcomment='<span class="recenthotrofm_meta_comment"><a href="'+o+'">'+l+"</a></span>",v+=showcomment),1==displaymore&&(v=v+'<span class="recenthotrofm_meta_more"><a href="'+n+'" class="url" target ="_top">Read More...</a></span>'),document.write(v),document.write("</span>"),document.write('<span class="recenthotrofm_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>"),document.write("</li>"),document.write("</ul>"),document.write("</span>")}document.write('<span class="recenthotrofm_right">'),document.write('<ul class="recenthotrofm_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('<a href="'+n+'"><div class="cat_thumb2"><img width="'+thumb_width2+'" height="'+thumb_height2+'" alt="'+m+'" src="'+x+'"/></div></a>'),document.write("<li>"),document.write('<span class="recenthotrofm_title recenthotrofm_title2"><a href="'+n+'" target ="_top">'+m+"</a></span>");var v="";document.write('<span class="recenthotrofm_meta recenthotrofm_meta2">'),1==showpostdate2&&(v=v+'<span class="recenthotrofm_meta_date">'+g[parseInt(_)]+" "+f+", "+w+"</span>"),1==showcommentnum2&&("1 Comment"==l&&(l="1 Comments"),"0 Comment"==l&&(l="0 Comments"),showcomment='<span class="recenthotrofm_meta_comment recenthotrofm_meta_comment2"><a href="'+o+'">'+l+"</a></span>",v+=showcomment),1==displaymore2&&(v=v+'<span class="recenthotrofm_meta_more recenthotrofm_meta_more2"><a href="'+n+'" class="url" target ="_top">Read More...</a></span>'),document.write(v),document.write("</span>"),document.write("</li>")}document.write("</ul>"),document.write("</span>")}
    //]]>
    </script>
    <script type='text/javascript'>
    var numposts=1,numposts2=6,showpostthumbnails=!0,showpostthumbnails2=!1,displaymore=!1,displaymore2=!1,showcommentnum=!0,showcommentnum2=!1,showpostdate=!0,showpostdate2=!0,showpostsummary=!0,numchars=150,thumb_width=280,thumb_height=200,thumb_width2=62,thumb_height2=62,no_thumb="http://3.bp.blogspot.com/-PHzN2A92GHE/Vmim2TTkAII/AAAAAAAADZU/X42ioeFiyBo/s1600/recentpost_thumb.png",no_thumb2="http://2.bp.blogspot.com/-cW6waOyA8mY/Vmim2VkylII/AAAAAAAADZY/_pANIKGBUXA/s1600/recentpostthumb_small.png";
    </script>
    </b:if>
    </b:if>
    <b:if cond='data:blog.pageType != "item"'>
    <b:if cond='data:blog.pageType != "static_page"'>
    <style type='text/css'>
    /* Recent Post by Label */
    #recentpost1-wrapper {margin-bottom: 15px;}
    .recentpost1 ul{list-style:none;margin:0;padding:0}
    .recentpost1 li {margin:0;padding:0;}
    .recentpost1 .widget{margin:0;padding:0}
    .recentpost1 .widget-content,.widget-content{border:1px solid #e9e9e9;padding:20px;margin:0;word-wrap:break-word;overflow:hidden}
    .recentpost1 h2{background-color: white;position:relative;margin:0;padding:15px 20px;font-size:16px;font-weight:700;text-transform:uppercase;color:#333;border:1px solid #e9e9e9;border-bottom:0}
    .recentpost1 h2:before{content:'\f109';right:10px;bottom:0;font-family:FontAwesome;font-style:normal;font-weight:normal;margin:0 10px 0 0;color:#ff675c;}
    .recentpost1 .index,.newarlinalabel2 .index{font-size:10px;float:right;font-weight:400;}
    .recentpost1 .index a,.newarlinalabel2 .index a{display:flex;color:#039be5;padding:3px 8px;border-radius:2px;font-weight:400;border:1px solid #29b6f6}
    .recentpost1 .index a:hover{background:#039be5;color:#fff;border-color:transparent}
    .recentpost1 .index a:after{content:"\f105";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-left:5px}
    .newarlinalabel2 .index a:after{content:"\f105";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-left:6px}
    .recentpost_left{width:50%;float:left;margin:0;padding:0 20px 0 0;border-right:1px solid #e9e9e9}
    .recentpost_right{width:250px;width:47.5%;float:right;margin:0;padding:0}
    ul.recentpost_thumbs{margin:0;padding:0}
    ul.recentpost_thumbs li,ul.recentpost_thumbs2{margin:0;padding:0}
    ul.recentpost_thumbs .cat_thumb{position:relative;margin:0 0 15px;padding:0;width:320px;}
    ul.recentpost_thumbs .cat_thumb img{height:auto;width:100%;transition:all 0.2s;max-height: 180px;}
    ul.recentpost_thumbs .cat_thumb img:hover{opacity:.9;}
    ul.recentpost_thumbs2 li{margin:0 0 10px;padding:0 0 10px;border-bottom:1px solid #e9e9e9}
    ul.recentpost_thumbs2 li:last-child{border-bottom:none;margin:0;padding:0}
    ul.recentpost_thumbs2 .cat_thumb2{float:left;margin:0 10px 0 0;width:62px;height:72px;overflow:hidden}
    ul.recentpost_thumbs2 .cat_thumb2 img{height:auto;transition:all .2s}
    ul.recentpost_thumbs2 .cat_thumb2 img:hover{opacity:.9;}
    span.recentpost_title{font-family:'Roboto Condensed',sans-serif;font-size:20px;font-weight:700;display:block;margin:0 0 10px;line-height:normal;text-transform:none}
    span.recentpost_title2{font-size:15px;line-height:1.4em;margin:0 0 3px}
    span.recentpost_title a{color:#555}
    span.recentpost_title a:hover{color:#ff675c;text-decoration:none}
    span.recentpost_summary{display:block;line-height:1.6em;font-size:13px;text-overflow:ellipsis;margin:10px 0 0 0}
    span.recentpost_meta{display:block;font-family:'Roboto Condensed',sans-serif;font-size:11px;font-weight:400;color:#aaa;text-transform:uppercase}
    span.recentpost_meta a{color:#aaa;display:inline-block}
    span.recentpost_meta_date,span.recentpost_meta_comment,span.recentpost_meta_more{display:inline-block;margin-right:10px}
    span.recentpost_meta_comment a:before{content:"\f0e6";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:5px}
    span.recentpost_meta_comment a:hover{color:#ff675c!important}
    span.recentpost_meta_date:before{content:"\f133";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:5px}
    ul.recentpost_thumbs2 li a:hover,ul.recentpost_thumbs li a:hover{color:#ff675c;text-decoration:none}
    @media screen and (max-width:1024px) {
    .recentpost1 .widget-content{padding:20px 25px;}
    .recentpost_left {width:50%;float:left;margin:0;padding:0;border-right:none}
    .recentpost_right {width:46%;float:right;margin:0;padding:0;}
    ul.recentpost_thumbs .cat_thumb {width:100%;height:auto;}
    ul.recentpost_thumbs .cat_thumb img {width:100%;height:auto;}
    ul.recentpost_thumbs li {margin:0;padding:0;}
    span.recentpost_title2 {font-size:20px;line-height:1.2em;}
    span.recentpost_summary {font-size:14px;}}
    @media only screen and (max-width:768px){
    .recentpost1 .widget-content{padding:10px 20px}
    .recentpost_right{width:100%;float:left;margin:0;padding:0}
    ul.recentpost_thumbs2 li{border-bottom:0}
    span.recentpost_summary,.recentpost_left{display:none}
    span.recentpost_title{margin:0 0 5px}
    ul.recentpost_thumbs li{margin:0 0 10px;padding:0 0 10px;border-bottom:0}
    span.recentpost_title2{font-size:18px;line-height:1.2em}}
    @media only screen and (max-width:480px){
    #recentpost1-wrapper,{    margin-bottom: 15px;display:none}}
    @media only screen and (max-width:320px){
    .recentpost1 .widget-content{padding:10px 20px}
    .recentpost1 h2{padding:10px 20px 1px 20px}
    .recentpost_right{width:100%;float:left;margin:0;padding:0}
    ul.recentpost_thumbs li{margin:0 0 10px;padding:0 0 10px;}
    span.recentpost_title2{font-size:18px;line-height:1.2em}}
    @media screen and (max-width:260px) {
    .recentpost1 .widget-content{padding:10px}
    .recentpost1 h2{padding:10px 10px 1px 10px}
    .recentpost_right{width:100%;float:left;margin:0;padding:0}
    ul.recentpost_thumbs li{margin:0 0 10px;padding:0 0 10px;}
    span.recentpost_title2{font-size:18px;line-height:1.2em}}
    #recentposthotrofm1-wrapper, #recentposthotrofm2-wrapper {width: 50%;float: left;background-color: white;margin-bottom: 15px;}
    .recentposthotrofm1 ul,.recentposthotrofm2 ul{list-style:none;margin:0;padding:0}
    .recentposthotrofm1 li,.recentposthotrofm2 li{margin:0;padding:0;}
    .recentposthotrofm1 .widget,.recentposthotrofm2 .widget{margin:0;padding:0}
    .recentposthotrofm1 .widget-content,.recentposthotrofm2 .widget-content{border:1px solid #e9e9e9;padding:20px;margin:0;word-wrap:break-word;overflow:hidden}
    .recentposthotrofm1 h2,.recentposthotrofm2 h2,.recenthotrofmlabel3 h2{position:relative;margin:0;padding:15px 20px;font-size:16px;font-weight:700;text-transform:uppercase;color:#333;border:1px solid #e9e9e9;border-bottom:0}
    .recentposthotrofm1 h2:before,.recentposthotrofm2 h2:before,.recenthotrofmlabel3 h2:before{content:'\f114';right:10px;bottom:0;font-family:FontAwesome;font-style:normal;font-weight:normal;margin:0 10px 0 0;color:#ff675c;}
    .recentposthotrofm2 h2:before{content:'\f114';}
    .recentposthotrofm1 .index,.recentposthotrofm2 .index{font-size:10px;float:right;font-weight:400;}
    .recentposthotrofm1 .index a,.recentposthotrofm2 .index a{display:flex;color:#039be5;padding:3px 8px;border-radius:2px;font-weight:400;border:1px solid #29b6f6}
    .recentposthotrofm2 .index a{color:#ef6c00;border-color:#ffa726}
    .recentposthotrofm1 .index a:hover{background:#039be5;color:#fff;border-color:transparent}
    .recentposthotrofm2 .index a:hover{background:#ef6c00;color:#fff;border-color:transparent}
    .recentposthotrofm1 .index a:after{content:"\f105";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-left:5px}
    .recentposthotrofm2 .index a:after{content:"\f105";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-left:6px}
    .recentposthotrofm2 span.recenthotrofm_meta_comment a:hover{color:#38761d!important}
    .recentposthotrofm2 ul.recenthotrofm_thumbs li a:hover,.recentposthotrofm2 ul.recenthotrofm_thumbs2 li a:hover{color:#ff675c;text-decoration:none}
    .recenthotrofm_left{width:280px;;margin:0;}
    .recenthotrofm_right{width:250px;;margin:0;padding:0}
    ul.recenthotrofm_thumbs{border-bottom: 1px solid #e9e9e9;margin:0;padding:0}
    ul.recenthotrofm_thumbs li,ul.recenthotrofm_thumbs2{margin:0;padding:0}
    ul.recenthotrofm_thumbs .cat_thumb{position:relative;margin:0 0 15px;padding:0}
    ul.recenthotrofm_thumbs .cat_thumb img{height:auto;width:100%;transition:all 0.2s;max-width: 320px;max-height: 190px;}
    ul.recenthotrofm_thumbs .cat_thumb img:hover{opacity:.9;}
    ul.recenthotrofm_thumbs2 li{margin:10px 0 0 10px;padding:0 0 10px;border-bottom:1px solid #e9e9e9}
    l.recenthotrofm_thumbs2 li:last-child{border-bottom:none;margin:0;padding:0}
    ul.recenthotrofm_thumbs2 .cat_thumb2{float:left;margin:0 10px 0 0;width:62px;height:72px;overflow:hidden}
    ul.recenthotrofm_thumbs2 .cat_thumb2 img{height:auto;transition:all .2s}
    ul.recenthotrofm_thumbs2 .cat_thumb2 img:hover{opacity:.9;}
    span.recenthotrofm_title{font-family:'Roboto Condensed',sans-serif;font-size:20px;font-weight:700;display:block;margin:0 0 10px;line-height:normal;text-transform:none}
    span.recenthotrofm_title2{font-size:13px;line-height:1.4em;margin:0 0 3px}
    span.recenthotrofm_title a{color:#555}
    span.recenthotrofm_title a:hover{color:#ff675c;text-decoration:none}
    span.recenthotrofm_summary{display:block;line-height:1.6em;font-size:13px;text-overflow:ellipsis;margin:10px 0 0 0}
    span.recenthotrofm_meta{display:block;font-family:'Roboto Condensed',sans-serif;font-size:11px;font-weight:400;color:#aaa;text-transform:uppercase}
    span.recenthotrofm_meta a{color:#aaa;display:inline-block}
    span.recenthotrofm_meta_date,span.recenthotrofm_meta_comment,span.recenthotrofm_meta_more{display:inline-block;margin-right:10px}
    span.recenthotrofm_meta_comment a:before{content:"\f0e6";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:5px}
    span.recenthotrofm_meta_comment a:hover{color:#ff675c!important}
    span.recenthotrofm_meta_date:before{content:"\f133";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:5px}
    ul.recenthotrofm_thumbs2 li a:hover,ul.recenthotrofm_thumbs li a:hover{color:#ff675c;text-decoration:none}
    @media screen and (max-width:1024px) {
    .recentposthotrofm1 .widget-content, .recentposthotrofm2 .widget-content {padding:20px 25px;}
    .recenthotrofm_left {width:50%;float:left;margin:0;padding:0;border-right:none}
    .recenthotrofm_right {width:46%;float:right;margin:0;padding:0;}
    ul.recenthotrofm_thumbs .cat_thumb {width:100%;height:auto;}
    ul.recenthotrofm_thumbs .cat_thumb img {width:100%;height:auto;}
    ul.recenthotrofm_thumbs li {margin:0;padding:0;}
    span.recenthotrofm_title2 {font-size:20px;line-height:1.2em;}
    span.recenthotrofm_summary {font-size:14px;}}
    @media only screen and (max-width:768px){
    #recentposthotrofm1-wrapper,#recentposthotrofm2-wrapper{width: 100%;}
    .recentposthotrofm1 .widget-content,.recentposthotrofm2 .widget-content{padding:10px 20px}
    .recenthotrofm_right{width:100%;float:left;margin:0;padding:0}
    ul.recenthotrofm_thumbs2 li{border-bottom:0}
    span.recenthotrofm_summary,.recenthotrofm_left{display:none}
    span.recenthotrofm_title{margin:0 0 5px}
    ul.recenthotrofm_thumbs li{margin:0 0 10px;padding:0 0 10px;border-bottom:0}
    span.recenthotrofm_title2{font-size:18px;line-height:1.2em}}
    @media only screen and (max-width:480px){
    #recentposthotrofm1-wrapper,#recentposthotrofm2-wrapper{width: 100%;}}
    @media only screen and (max-width:320px){
    .recentposthotrofm1 .widget-content,.recentposthotrofm2 .widget-content{padding:10px 20px}
    .recentposthotrofm1 h2,.recentposthotrofm2 h2{padding:10px 20px 1px 20px}
    .recenthotrofm_right{width:100%;float:left;margin:0;padding:0}
    ul.recenthotrofm_thumbs li{margin:0 0 10px;padding:0 0 10px;}
    span.recenthotrofm_title2{font-size:18px;line-height:1.2em}}
    @media screen and (max-width:260px) {
    .recentposthotrofm1 .widget-content,.recentposthotrofm2 .widget-content{padding:10px}
    .recentposthotrofm1 h2,.recentposthotrofm2 h2{padding:10px 10px 1px 10px}
    .recenthotrofm_right{width:100%;float:left;margin:0;padding:0}
    ul.recenthotrofm_thumbs li{margin:0 0 10px;padding:0 0 10px;}
    span.recenthotrofm_title2{font-size:18px;line-height:1.2em}}
    </style>
    </b:if>
    </b:if>
     
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
          <div id='recentpost1-wrapper'>
            <b:section class='recentpost1' id='recentpost1' maxwidgets='1' showaddelement='yes'>
              <b:widget id='HTML99' locked='false' title='Facebook' type='HTML' version='1' visible='true'>
                <b:includable id='main'>
    <h2><span class='index'><a href='/search/label/<data:content/>?&amp;max-results=8'>View All</a></span><data:title/></h2>
    <div class='widget-content'>
    <script>
    document.write("<script src="/feeds/posts/default/-/<data:content/>?orderby=published&amp;alt=json-in-script&amp;callback=labelthumbs"><\/script>");
    </script>
    </div>
    </b:includable>
              </b:widget>
            </b:section>
          </div>
    </b:if>
     
     
     
    <b:if cond='data:blog.url == data:blog.homepageUrl'>
          <div id='recentposthotrofm1-wrapper'>
            <b:section class='recentposthotrofm1' id='recentposthotrofm1' maxwidgets='1' showaddelement='yes'>
              <b:widget id='HTML80' locked='false' title='New' type='HTML' version='1' visible='true'>
                <b:includable id='main'>
    <h2><span class='index'><a href='/search/label/<data:content/>?&amp;max-results=8'>View All</a></span><data:title/></h2>
    <div class='widget-content'>
    <script>
    document.write("<script src="/feeds/posts/default/-/<data:content/>?orderby=published&amp;alt=json-in-script&amp;callback=labelthumbs2"><\/script>");
    </script>
    </div>
    </b:includable>
              </b:widget>
            </b:section>
          </div>
          <div id='recentposthotrofm2-wrapper'>
            <b:section class='recentposthotrofm2' id='recentposthotrofm2' maxwidgets='1' showaddelement='yes'>
              <b:widget id='HTML81' locked='false' title='Tips Blogger' type='HTML' version='1' visible='true'>
                <b:includable id='main'>
    <h2><span class='index'><a href='/search/label/<data:content/>?&amp;max-results=8'>View All</a></span><data:title/></h2>
    <div class='widget-content'>
    <script>
    document.write("<script src="/feeds/posts/default/-/<data:content/>?orderby=published&amp;alt=json-in-script&amp;callback=labelthumbs2"><\/script>");
    </script>
    </div>
    </b:includable>
              </b:widget>
            </b:section>
          </div>
    </b:if>

    P/s : thường thì mọi người cho vào sau </head>

    Còn mình thì hay cho trước ( tùy mỗi giao diện mỗi người)
    Code:
    <b:section class='main' id='main' maxwidgets='3' showaddelement='yes'>
    <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>

    Hướng dẫn sử dụng code Hiện bài viết của 1 label ra trang chủ ( tin tức)


    Để chỉnh sửa hiện label ra ngoài trang chủ bạn vào bố cục và sửa wiget làm theo ảnh sau

  • huyvip83
    demo link web đi


    --Chữ ký--
    Thà làm thằng member thường, còn hơn làm thằng Mod bất đắc dĩ

    Ghé thăm forum chơi nào bạn: http://thainguyennews.forumvi.com
Thông tin tác giả
avatar
MEM LV2
Bài viết :
88
Points :
236
Like :
36
blogger
An toàn
Xem lý lịch thành viên
Thông tin tác giả
avatar
MEM LV3
Bài viết :
226
Points :
371
Like :
65
Punbb
Cẩn thận
Xem lý lịch thành viên
Bài viết liên quan
    Đang tải dữ liệu

Permissions in this forum:
Bạn không có quyền trả lời bài viết