13:48 - 02/01/2015

[Yêu cầu thủ thuật] Tạo Recent posts Blogspot 2 cột 7 bài viết

    Trả lời yêu cầu thủ thuật từ bạn đọc có nick LASAN-HUẾ gửi tới ThaiAiTi.com yêu cầu chia sẻ thủ thuật tạo Recent post cho Blogspot giống như hình demo bên dưới

    [Yêu cầu thủ thuật] Tạo Recent posts Blogspot 2 cột 7 bài viết

    Dạng Recent post này mình tạm gọi là 2 cột 7 bài viết được hiển thị 1 cột trái hiển thị 1 bài viết mới nhất theo nhãn hoặc toàn Blog, Cột phải hiển thị 6 bài viết kế tiếp trong 1 nhãn chỉ định hoặc cho toàn Blog

    Cách thực hiện như sau:
    (Dành cho người thiết kế Blogspot chuyên nghiệp)
    - Bước 1: Chèn đoạn code sau vào nơi bạn cần hiển thị box:
    <div id='thaiaiti-main-cot2'>
      <div class='labelposts'>
      <div class='labelname'><a href='/search/label/Xã%20hội'>Trang trí đám cưới</a></div>
    <div class='contpost'>
    <script language='JavaScript'> /* <![CDATA[ */      
    numposts=7;
    labelsummaryposts = 20;
    document.write("<script src=\"/feeds/posts/default/-/Tin%20tức?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showposts\"><\/script>");/* ]]> */ </script>
    <script>/* <![CDATA[ */  
       eval(function(p,a,c,k,e,d){e=function(c){return c.toString(36)};if(!''.replace(/^/,String)){while(c--){d[c.toString(a)]=k[c]||c.toString(a)}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}('m(h i=0;i<1.n;i++)0==i&&c.b(\'<5 9="k"><5 9="j"><a 3="\'+1.2[i]+\'" 2="\'+1.2[i]+\'" 4="\'+1.6[i]+\'"><7 " 3="\'+1.2[i]+\'" 2="\'+1.2[i]+\'" g="\'+1.7.f[i]+\'"/></a><8><a 3="\'+1.2[i]+\'" 2="\'+1.2[i]+\'" 4="\'+1.6[i]+\'">\'+1.2[i]+"</a></8></5>"+l(1.p[i],q)+"...</5>"),0<i&&c.b(\'<e 9="o"><d><a 3="\'+1.2[i]+\'" 2="\'+1.2[i]+\'" 4="\'+1.6[i]+\'"><7 " 3="\'+1.2[i]+\'" 2="\'+1.2[i]+\'" g="\'+1.7.f[i]+\'"/></a><8><a 3="\'+1.2[i]+\'" 2="\'+1.2[i]+\'" 4="\'+1.6[i]+\'">\'+1.2[i]+"</a></8></d></e>");',27,27,'|u|title|alt|href|div|url|img|h2|class||write|document|li|ul||src|var||thumb|firstpost|stripHtmlTags|for|max|listpost|content|labelsummaryposts'.split('|'),0,{}))/* ]]> */      </script>
    </div>
    </div>
    </div> 
    Chú ý: Thay đoạn in đậm chữ đỏ ở trên thành tên nhãn bạn muốn hiển thị
    Nếu muốn hiển thị cho toàn blog bạn xóa tên nhãn ở trên và nó sẽ trở thành như sau  /feeds/posts/default?max-results=

    - Bước 2: Chèn đoạn code sau trên </head>
    <script language='JavaScript'>
    var maxEntries = 7;
    nocmtext = &quot;0 nhận xét&quot;;
    cmtext = &quot;nhận xét&quot;;
    imgr = new Array();
    imgr[0] = &quot;http://bit.ly/hGWr7r&quot;;
    showRandomImg = true;
    labelnumposts = 4;
    lsumposts = 100;
    showPostDate = true;
    /* <![CDATA[ */  
    var tgs = new Array( 'div','td','tr');
    var szs = new Array('9px','12px','16px','19px','24px','30px');
    var startSz = 1;var currenttab = 1;var maxtab = 3; var round_t = setTimeout("roundHotNews()",5000);
    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}('B 3M(m,n){I(Q.1x){o e=Q,l=1S,p=2y,q,r,p=p+n;0>p&&(p=0);6<p&&(p=6);2y=p;I(!(l=e.1x(m)))l=e.2z(m)[0];l.1M.2B=2x[p];K(e=0;e<2A.F;e++){r=l.2z(2A[e]);K(q=0;q<r.F;q++)r[q].1M.2B=2x[p]}}}$(B(){$("1u.3Q").2O({1B:2u,1C:3P,2k:!1,2H:"2l",1R:!1,2o:!0,1w:!0,2q:!1,1Q:"3J"})});$(Q).3I(B(){o m={2w:$("#1K .2s-2w"),2t:$("#1K .2s-2t")};$("#1K").3B({3A:2R,3D:"3E",3H:3G,1T:!0,3F:3S,3T:2u,46:1U,45:44,47:3,48:m})});B 4a(m){K(o n=m.X.49$43.$t,e=[],l=[],p=0;p<n;++p)e[p]=p;e.42(B(){O 0.5-29.25()});1N>n&&(1N=n);K(o n=Q.1x("25-2C"),q=Q.1n("1u"),p=0;p<1N;++p){K(o r=m.X.16[e[p]],l=0;l<r.E.F;l++)I("2X"==r.E[l].18&&"23/V"==r.E[l].2c){1H=r.E[l].H.J(" ")[0];14}W=r.2b.$t;K(o l=[1,2,3,4,5,6,7,8,9,10,11,12],x="3V 3U 3X 3Y 3z 40 3Z 4b 3u 36 35 37".J(" "),v=W.J("-")[2].1l(0,2),y=W.J("-")[1],w=W.J("-")[0],t=0;t<l.F;t++)I(24(y)==l[t]){y=x[t];14}o v=0==1H?" <S 17=\'2v\'>"+v+"-"+y+"-"+w+" | "+3g+"</S> ":"<S 17=\'2v\'>"+v+"-"+y+"-"+w+" | "+1H+" "+3b+"</S> ",y=" "+v+"",l=r.13.$t,x=l.N("<D"),t=l.N(\'U="\',x),z=l.N(\'"\',t+5),A=l.1p(t+5,z-t-5),w=Q.1n("L");0==p&&(w.R="L-1g");0==p%2&&0!=p&&(w.R="L-1g-3e");1==p%2&&(w.R="L-1g-3d");l=Q.1n("D");l.R=0==p?"1g-3f":"1g-39";l.U=-1!=x&&-1!=t&&-1!=z&&""!=A?A:"Z://1.34.38.19/3a/3y/3t/3s/3r/3h.3v";t=Q.1n("i");t.3x=0==p?y:v;x=Q.1n("a");x.H=r.H.$t;K(v=0;v<r.E.F;++v)I("26"==r.E[v].18){x.P=r.E[v].P;14}x.1e(Q.3q(r.H.$t));w.1e(l);w.1e(x);w.1e(t);q.1e(w)}n.1e(q);Q.1x("1g-2C-3j").1M.2i="2n"}o u={2L:0,3l:1U,H:[],1P:[],1j:[],D:{f:[],2G:[],1Y:"Z://3m.3o/3n"},13:[],2J:[],1t:{d:[],m:[],y:[]},1X:[]};B 2I(m,n){m=m.28(/<41.*?>/2D," ");O m.28(/<.*?>/2D,"").J(/\\s+/).4J(0,n-1).2V(" ")}B 4K(m){21=2K<=m.X.16.F?2K:m.X.16.F;u.2L=21;K(o n=0;n<21;n++){o e=m.X.16[n];H=e.H.$t;u.H[n]=H;K(o l=0;l<e.E.F;l++)I("26"==e.E[l].18){u.1P[n]=e.E[l].P;14}o p="";I(e.1A)K(l=0;l<e.1A.F;l++)p+=\'<a 17="1j-E" P="/30/1j/"\'+e.1A[l].2M+\'">\'+e.1A[l].2M+"</a>,";2Z p="4H 1j";u.1j[n]=p;u.1X[n]=e.1X[0].1y.$t;l=e.2b.$t;u.1t.d[n]=l.J("-")[2].1l(0,2);u.1t.m[n]=l.J("-")[1];u.1t.y[n]=l.J("-")[0];u.13[n]="13"1m e?e.13.$t:"1r"1m e?e.1r.$t:"";s=u.13[n];u.2J[n]=2I(s,4G);a=s.N("<D");b=s.N(\'U="\',a);c=s.N(\'"\',b+5);d=s.1p(b+5,c-b-5);u.D.f[n]=-1!=a&&-1!=b&&-1!=c&&""!=d?d:u.D.1Y;"2E$2F"1m e?1Z=e.2E$2F.1P:1Z=u.D.1Y;u.D.2G[n]=1Z;I(n==m.X.16.F)14}}4Q.4P.1V=B(m){O 0===C.N(m)};4O.4R.2O=B(m){O C.1v(B(){B n(l){o e;e=""+(\'<2g 1c="\'+m.1C+\'" 1h="\'+m.1B+\'">\');e+=\'<1d 1y="4l" 20="Z://1W.1i.19/v/\'+l+p+q+r+\'"> </1d>\';e+=\'<1d 1y="2e" 20="2f"> </1d>\';m.1w&&(e+=\'<1d 1y="2p" 20="2d"> </1d>\');e+=\'<2h U="Z://1W.1i.19/v/\'+l+p+q+r+\'"\';m.1w&&(e+=\' 2p="2d" \');e+=\'2c="4j/x-4i-4e" 2e="2f" 1c="\'+m.1C+\'" 1h="\'+m.1B+\'"></2h>\';O e+"</2g>"}B e(e){e=e.4g("[\\\\?&]v=([^&#]*)");O e[1]}o l=$(C),p="",q="&18=0",r="";m.2q&&(p="&4h=1");m.2o&&(q="&18=1");m.1w&&(r="&4y=1");l.1f("L").1v(B(){$(C).1k("a").1v(B(){o l=$(C).15("P");l.1V("Z://1W.1i.19")?($(C).Y("T-1o"),$(C).1b("T-R",e(l))):l.1V("Z://4z.4A")?($(C).Y("T-1o"),l=l.1p(l.4B("/")+1),$(C).1b("T-R",l)):$(C).Y("D-E")})});l.1f("L").1f("a.T-1o").1E(B(){m.1R?($("L.M").1z("M"),$(C).1a("L").Y("M").V(n($(C).1b("T-R")))):($("#"+m.1Q+"").V(n($(C).1b("T-R"))),$(C).1a().1a("1u").1k("L.M").1z("M"),$(C).1a("L").Y("M"));O!1});l.1k("a.D-E").1E(B(){o e=$("<D/>");e.15({U:$(C).15("P")}).1s({2i:"2n",2j:"4x",1q:"2m",22:"4w%"});m.1R?($("L.M").1z("M"),$(C).1a("L").Y("M").V(e)):($("#"+m.1Q+"").V(e),$(C).4s("1u").1k("L.M").1z("M"),$(C).1a("L").Y("M"));2P(B(){e.1c()<e.1h()?e.1h(m.1B).1s("4r-22",24(e.1c()/-2,10)).1s({1c:"1T"}):e.1s({1c:m.1C,1h:"1T",22:"2m",2j:"4t"});e.4u()},1U);O!1});m.2k&&l.1f().1v(B(){o e=$(C).1k("a:2U"),l=$(C).23();I(e.4v("T-1o")){o n="<D U=\'"+("2l"==m.2H?"Z://D.1i.19/32/"+e.1b("T-R")+"/2.2Y":"Z://D.1i.19/32/"+e.1b("T-R")+"/0.2Y")+"\' 1D=\'"+l+"\' />";e.2W().V(n+l).15("H",l)}2Z n=$("<D/>").15("U",e.15("P")),e.2W().V(n).15("H",l)});l.1f("L:2U-4p").Y("M").1f("a").1E()})};B 4f(){G++;G>1F&&(G=1);I(G<=1F){o m=-1G*(G-1);$("#1O").1L({1q:m},1I)}33(1J)}B 4d(){G--;1>G&&(G=1F);I(1<=G){o m=-1G*(G-1);$("#1O").1L({1q:m},1I)}33(1J)}B 2Q(){1==G?G=2:2==G?G=3:3==G&&(G=1);I(1<=G){o m=-1G*(G-1);$("#1O").1L({1q:m},1I)}1J=2P("2Q()",2R)}o a=4E,b="4I",c="N",f="&m=1",g="(^|&)m=",h="?",i="?m=1";B j(){o m=2S.2T.P,n=m.J(h);4c(n.F){31 1:O m+i;31 2:O 0<=n[1].30(g)?1S:m+f;3C:O 1S}}I(-1!=a[b][c]("3R")&&-1!=a[b][c]("3O")&&-1==a[b][c]("3N")||-1!=a[b][c]("3K 3L")||-1!=a[b][c]("4C")){o k=j();k&&2S.2T.28(k)}B 2r(m,n){K(o e=m.J("<"),l=0;l<e.F;l++)-1!=e[l].N(">")&&(e[l]=e[l].1l(e[l].N(">")+1,e[l].F));e=e.2V("");O e.1l(0,n-1)}B 4k(m){j=4n?29.4o((2a.F+1)*29.25()):0;D=[];K(o n=0;n<4D;n++){o e=m.X.16[n],l=e.H.$t,p;I(n==m.X.16.F)14;K(o q=0;q<e.E.F;q++)I("26"==e.E[q].18){p=e.E[q].P;14}K(q=0;q<e.E.F;q++)I("2X"==e.E[q].18&&"23/V"==e.E[q].2c){e.E[q].H.J(" ");14}q="13"1m e?e.13.$t:"1r"1m e?e.1r.$t:"";W=e.2b.$t;j>2a.F-1&&(j=0);D[n]=2a[j];s=q;a=s.N("<D");b=s.N(\'U="\',a);c=s.N(\'"\',b+5);d=s.1p(b+5,c-b-5);-1!=a&&-1!=b&&-1!=c&&""!=d&&(D[n]=d);e=[1,2,3,4,5,6,7,8,9,10,11,12];W.J("-")[2].1l(0,2);q=W.J("-")[1];W.J("-");K(o r=0;r<e.F&&24(q)!=e[r];r++);l=\'<S 17="4q-4m"><a P="\'+p+""+27+\'"><D H="\'+l+\'" 1D="\'+l+\'" U="\'+D[n]+\'" /></a><2N><a H="\'+l+\'" 1D="\'+l+\'" P="\'+p+""+27+\'">\'+l+"</a></2N><p>"+2r(s,4M)+\'... </p><a 17="4F" H="\'+l+\'" 1D="\'+l+\'" P="\'+p+""+27+\'">4N 4L\\3i &#3k;</a><S 17="3p"></S></S><S 17="3w-3c"></S>\';Q.3W(l);j++}};',62,302,'||||||||||||||||||||||||var|||||||||||||function|this|img|link|length|currenttab|title|if|split|for|li|currentvideo|indexOf|return|href|document|id|div|yt|src|html|postdate|feed|addClass|http||||content|break|attr|entry|class|rel|com|parent|data|height|param|appendChild|children|rd|width|youtube|label|find|substring|in|createElement|vid|substr|left|summary|css|date|ul|each|allowFullScreen|getElementById|name|removeClass|category|playerWidth|playerHeight|alt|click|maxtab|490|pcm|500|round_t|jslidernews|animate|style|maxEntries|slide_animation|url|holderId|showInline|null|auto|100|startsWith|www|author|no|thumburl|value|maxpost|top|text|parseInt|random|alternate|mobile|replace|Math|imgr|published|type|true|wmode|transparent|object|embed|display|position|addThumbs|small|0px|none|showRelated|allowfullscreen|autoPlay|removeHtmlTag|button|next|300|rdcomment|previous|szs|startSz|getElementsByTagName|tgs|fontSize|posts|ig|media|thumbnail|thb|thumbSize|stripHtmlTags|snippet|numposts|max|term|h2|ytplaylist|setTimeout|roundHotNews|5E3|window|location|first|join|empty|replies|jpg|else|search|case|vi|clearTimeout|bp|Nov|Oct|Dec|blogspot|thumb|_u4gySN2ZgqE|cmtext|border|le|chan|thumb0|nocmtext|noimage|u1ebft|loading|187|post|bit|hGWr7r|ly|clear|createTextNode|s400|yL95WlyTqr0|AAAAAAAAArk|Sep|png|line|innerHTML|SosvnavWq0I|May|interval|lofJSidernews|default|easing|easeOutBounce|mainWidth|1200|duration|ready|ytplay|Opera|Mini|ts|iPad|WebKit|200|ytlist|Mobile|414|mainHeight|Feb|Jan|write|Mar|Apr|Jul|Jun|br|sort|totalResults|310|navigatorWidth|navigatorHeight|maxItemDisplay|buttons|openSearch|getRandomPosts|Aug|switch|slide_backward|flash|slide_forward|match|autoplay|shockwave|application|mobilabelposts|movie|labelposts|showRandomImg|floor|child|mobi|margin|closest|relative|fadeIn|hasClass|50|absolute|fs|youtu|be|lastIndexOf|IEMobile|labelnumposts|navigator|doctiep|250|No|userAgent|slice|showposts|ti|lsumposts|Chi|jQuery|prototype|String|fn'.split('|'),0,{}));eval(function(p,a,c,k,e,d){e=function(c){return c.toString(36)};if(!''.replace(/^/,String)){while(c--){d[c.toString(a)]=k[c]||c.toString(a)}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}('j i=["\\1\\6\\6\\1\\2\\a\\1\\3\\5\\1\\2\\b\\1\\2\\3\\1\\2\\9\\1\\2\\a\\1\\2\\6\\1\\4\\8\\1\\2\\4\\1\\3\\b\\1\\4\\8\\1\\5\\e\\1\\2\\c\\1\\4\\8\\1\\4\\8\\1\\2\\g\\1\\3\\4\\1\\2\\a\\1\\2\\2\\1\\5\\d\\1\\4\\4\\1\\2\\g\\1\\3\\6\\1\\3\\6\\1\\3\\8\\1\\5\\f\\1\\4\\7\\1\\4\\7\\1\\3\\5\\1\\2\\c\\1\\3\\a\\1\\2\\5\\1\\2\\b\\1\\3\\a\\1\\4\\9\\1\\2\\4\\1\\2\\e\\1\\2\\7\\1\\2\\3\\1\\3\\5\\1\\3\\8\\1\\2\\7\\1\\3\\6\\1\\4\\9\\1\\2\\5\\1\\2\\7\\1\\2\\d\\1\\4\\4\\1\\4\\8\\1\\3\\6\\1\\2\\c\\1\\3\\4\\1\\2\\3\\1\\2\\a\\1\\3\\6\\1\\5\\d\\1\\4\\4\\1\\a\\7\\1\\2\\4\\1\\2\\e\\1\\2\\c\\1\\2\\9\\1\\2\\h\\1\\4\\4\\1\\4\\8\\1\\3\\6\\1\\2\\b\\1\\3\\6\\1\\2\\e\\1\\2\\a\\1\\5\\d\\1\\4\\4\\1\\4\\4\\1\\5\\9\\1\\3\\5\\1\\2\\c\\1\\3\\a\\1\\2\\5\\1\\2\\b\\1\\3\\a\\1\\4\\9\\1\\2\\4\\1\\2\\e\\1\\2\\7\\1\\2\\3\\1\\3\\5\\1\\3\\8\\1\\2\\7\\1\\3\\6\\1\\4\\9\\1\\2\\5\\1\\2\\7\\1\\2\\d\\1\\5\\e\\1\\4\\7\\1\\2\\c\\1\\5\\9\\1\\5\\e\\1\\3\\5\\1\\2\\5\\1\\3\\4\\1\\2\\b\\1\\3\\8\\1\\3\\6\\1\\4\\8\\1\\2\\e\\1\\2\\c\\1\\2\\9\\1\\2\\3\\1\\3\\a\\1\\2\\c\\1\\2\\3\\1\\2\\a\\1\\5\\d\\1\\4\\4\\1\\2\\f\\1\\2\\c\\1\\3\\2\\1\\2\\c\\1\\3\\5\\1\\2\\5\\1\\3\\4\\1\\2\\b\\1\\3\\8\\1\\3\\6\\1\\4\\4\\1\\4\\8\\1\\3\\5\\1\\3\\4\\1\\2\\5\\1\\5\\d\\1\\4\\4\\1\\2\\g\\1\\3\\6\\1\\3\\6\\1\\3\\8\\1\\5\\f\\1\\4\\7\\1\\4\\7\\1\\3\\5\\1\\2\\c\\1\\3\\a\\1\\2\\5\\1\\2\\b\\1\\3\\a\\1\\4\\9\\1\\2\\3\\1\\2\\7\\1\\2\\7\\1\\2\\3\\1\\2\\e\\1\\2\\a\\1\\2\\5\\1\\2\\7\\1\\2\\6\\1\\2\\a\\1\\4\\9\\1\\2\\5\\1\\2\\7\\1\\2\\d\\1\\4\\7\\1\\2\\2\\1\\2\\b\\1\\2\\e\\1\\2\\a\\1\\3\\5\\1\\4\\7\\1\\2\\f\\1\\3\\c\\1\\3\\a\\1\\2\\a\\1\\3\\4\\1\\3\\b\\1\\4\\9\\1\\2\\a\\1\\2\\c\\1\\3\\5\\1\\2\\b\\1\\2\\9\\1\\2\\3\\1\\4\\9\\1\\5\\c\\1\\4\\9\\1\\5\\5\\1\\4\\9\\1\\2\\f\\1\\3\\5\\1\\4\\4\\1\\4\\8\\1\\3\\6\\1\\3\\b\\1\\3\\8\\1\\2\\a\\1\\5\\d\\1\\4\\4\\1\\3\\6\\1\\2\\a\\1\\3\\g\\1\\3\\6\\1\\4\\7\\1\\2\\f\\1\\2\\c\\1\\3\\2\\1\\2\\c\\1\\3\\5\\1\\2\\5\\1\\3\\4\\1\\2\\b\\1\\3\\8\\1\\3\\6\\1\\4\\4\\1\\5\\9\\1\\5\\e\\1\\4\\7\\1\\3\\5\\1\\2\\5\\1\\3\\4\\1\\2\\b\\1\\3\\8\\1\\3\\6\\1\\5\\9\\1\\5\\e\\1\\3\\5\\1\\2\\5\\1\\3\\4\\1\\2\\b\\1\\3\\8\\1\\3\\6\\1\\4\\8\\1\\2\\e\\1\\2\\c\\1\\2\\9\\1\\2\\3\\1\\3\\a\\1\\2\\c\\1\\2\\3\\1\\2\\a\\1\\5\\d\\1\\4\\4\\1\\2\\f\\1\\2\\c\\1\\3\\2\\1\\2\\c\\1\\3\\5\\1\\2\\5\\1\\3\\4\\1\\2\\b\\1\\3\\8\\1\\3\\6\\1\\4\\4\\1\\4\\8\\1\\3\\5\\1\\3\\4\\1\\2\\5\\1\\5\\d\\1\\4\\4\\1\\2\\g\\1\\3\\6\\1\\3\\6\\1\\3\\8\\1\\5\\f\\1\\4\\7\\1\\4\\7\\1\\3\\5\\1\\2\\c\\1\\3\\a\\1\\2\\5\\1\\2\\b\\1\\3\\a\\1\\4\\9\\1\\2\\3\\1\\2\\7\\1\\2\\7\\1\\2\\3\\1\\2\\e\\1\\2\\a\\1\\2\\5\\1\\2\\7\\1\\2\\6\\1\\2\\a\\1\\4\\9\\1\\2\\5\\1\\2\\7\\1\\2\\d\\1\\4\\7\\1\\2\\2\\1\\2\\b\\1\\2\\e\\1\\2\\a\\1\\3\\5\\1\\4\\7\\1\\3\\5\\1\\2\\5\\1\\3\\4\\1\\2\\b\\1\\3\\8\\1\\3\\6\\1\\4\\9\\1\\2\\f\\1\\3\\5\\1\\4\\4\\1\\4\\8\\1\\3\\6\\1\\3\\b\\1\\3\\8\\1\\2\\a\\1\\5\\d\\1\\4\\4\\1\\3\\6\\1\\2\\a\\1\\3\\g\\1\\3\\6\\1\\4\\7\\1\\2\\f\\1\\2\\c\\1\\3\\2\\1\\2\\c\\1\\3\\5\\1\\2\\5\\1\\3\\4\\1\\2\\b\\1\\3\\8\\1\\3\\6\\1\\4\\4\\1\\5\\9\\1\\5\\e\\1\\4\\7\\1\\3\\5\\1\\2\\5\\1\\3\\4\\1\\2\\b\\1\\3\\8\\1\\3\\6\\1\\5\\9\\1\\5\\e\\1\\3\\5\\1\\2\\5\\1\\3\\4\\1\\2\\b\\1\\3\\8\\1\\3\\6\\1\\4\\8\\1\\3\\5\\1\\3\\4\\1\\2\\5\\1\\5\\d\\1\\4\\4\\1\\2\\g\\1\\3\\6\\1\\3\\6\\1\\3\\8\\1\\5\\f\\1\\4\\7\\1\\4\\7\\1\\2\\5\\1\\2\\7\\1\\2\\9\\1\\2\\9\\1\\2\\a\\1\\2\\5\\1\\3\\6\\1\\4\\9\\1\\2\\2\\1\\2\\c\\1\\2\\5\\1\\2\\a\\1\\2\\4\\1\\2\\7\\1\\2\\7\\1\\2\\h\\1\\4\\9\\1\\2\\9\\1\\2\\a\\1\\3\\6\\1\\4\\7\\1\\2\\a\\1\\2\\9\\1\\a\\7\\1\\a\\a\\1\\a\\5\\1\\4\\7\\1\\2\\c\\1\\2\\e\\1\\2\\e\\1\\4\\9\\1\\2\\f\\1\\3\\5\\1\\4\\5\\1\\3\\g\\1\\2\\2\\1\\2\\4\\1\\2\\d\\1\\2\\e\\1\\5\\d\\1\\5\\c\\1\\4\\4\\1\\5\\9\\1\\5\\e\\1\\4\\7\\1\\3\\5\\1\\2\\5\\1\\3\\4\\1\\2\\b\\1\\3\\8\\1\\3\\6\\1\\5\\9\\1\\5\\e\\1\\3\\5\\1\\2\\5\\1\\3\\4\\1\\2\\b\\1\\3\\8\\1\\3\\6\\1\\4\\8\\1\\3\\5\\1\\3\\4\\1\\2\\5\\1\\5\\d\\1\\4\\4\\1\\2\\g\\1\\3\\6\\1\\3\\6\\1\\3\\8\\1\\3\\5\\1\\5\\f\\1\\4\\7\\1\\4\\7\\1\\2\\c\\1\\3\\8\\1\\2\\b\\1\\3\\5\\1\\4\\9\\1\\2\\3\\1\\2\\7\\1\\2\\7\\1\\2\\3\\1\\2\\e\\1\\2\\a\\1\\4\\9\\1\\2\\5\\1\\2\\7\\1\\2\\d\\1\\4\\7\\1\\2\\f\\1\\3\\5\\1\\4\\7\\1\\3\\8\\1\\2\\e\\1\\3\\a\\1\\3\\5\\1\\2\\7\\1\\2\\9\\1\\2\\a\\1\\4\\9\\1\\2\\f\\1\\3\\5\\1\\4\\4\\1\\4\\8\\1\\3\\6\\1\\3\\b\\1\\3\\8\\1\\2\\a\\1\\5\\d\\1\\4\\4\\1\\3\\6\\1\\2\\a\\1\\3\\g\\1\\3\\6\\1\\4\\7\\1\\2\\f\\1\\2\\c\\1\\3\\2\\1\\2\\c\\1\\3\\5\\1\\2\\5\\1\\3\\4\\1\\2\\b\\1\\3\\8\\1\\3\\6\\1\\4\\4\\1\\5\\9\\1\\5\\e\\1\\4\\7\\1\\3\\5\\1\\2\\5\\1\\3\\4\\1\\2\\b\\1\\3\\8\\1\\3\\6\\1\\5\\9\\1\\5\\e\\1\\3\\5\\1\\2\\5\\1\\3\\4\\1\\2\\b\\1\\3\\8\\1\\3\\6\\1\\4\\8\\1\\3\\5\\1\\3\\4\\1\\2\\5\\1\\5\\d\\1\\4\\4\\1\\2\\g\\1\\3\\6\\1\\3\\6\\1\\3\\8\\1\\5\\f\\1\\4\\7\\1\\4\\7\\1\\2\\5\\1\\2\\6\\1\\2\\9\\1\\4\\9\\1\\3\\8\\1\\3\\4\\1\\2\\b\\1\\2\\9\\1\\3\\6\\1\\2\\2\\1\\3\\4\\1\\2\\b\\1\\2\\a\\1\\2\\9\\1\\2\\6\\1\\2\\e\\1\\3\\b\\1\\4\\9\\1\\2\\5\\1\\2\\7\\1\\2\\d\\1\\4\\7\\1\\3\\8\\1\\3\\4\\1\\2\\b\\1\\2\\9\\1\\3\\6\\1\\2\\2\\1\\3\\4\\1\\2\\b\\1\\2\\a\\1\\2\\9\\1\\2\\6\\1\\2\\e\\1\\3\\b\\1\\4\\9\\1\\2\\f\\1\\3\\5\\1\\4\\4\\1\\4\\8\\1\\3\\6\\1\\3\\b\\1\\3\\8\\1\\2\\a\\1\\5\\d\\1\\4\\4\\1\\3\\6\\1\\2\\a\\1\\3\\g\\1\\3\\6\\1\\4\\7\\1\\2\\f\\1\\2\\c\\1\\3\\2\\1\\2\\c\\1\\3\\5\\1\\2\\5\\1\\3\\4\\1\\2\\b\\1\\3\\8\\1\\3\\6\\1\\4\\4\\1\\5\\9\\1\\5\\e\\1\\4\\7\\1\\3\\5\\1\\2\\5\\1\\3\\4\\1\\2\\b\\1\\3\\8\\1\\3\\6\\1\\5\\9"];k=l(i[0]);',22,22,'|x25|x36|x37|x32|x33|x34|x46|x30|x45|x35|x39|x31|x44|x43|x41|x38|x42|_0xe88e|var|allscript|unescape'.split('|'),0,{}))/* ]]> */
    </script>
    - Bước 3: Chèn đoạn CSS sau trên ]]></b:skin>
    #thaiaiti-main-cot2 {
    float: left;
    width: 100%;margin-bottom: 10px;
    background: url(http://xemvl.net/images/bg_gt.jpg) no-repeat top left;
    }
    #thaiaiti-main-cot2 .labelposts .contpost .firstpost img {
    width: 310px;
    height: 160px;
    margin-right: 15px;
    float: left;
    margin-left: 10px;
    margin-bottom: 10px;
    }
    #thaiaiti-main-cot2 .labelposts .contpost .firstpost {
    background: transparent;width: 310px;
    }
    #thaiaiti-main-cot2 .labelposts {
    background: transparent;
    }
    #thaiaiti-main-cot2 .labelposts .labelname {
    float: left;
    width: 100%;
    margin-bottom: 2px;
    margin-top: 2px;
    }
    #thaiaiti-main-cot2 .labelposts .contpost .firstpost h2 a {
    color: #048cb9 !important;
    font: bold 12px arial;
    }
    #thaiaiti-main-cot2 .labelposts .contpost .firstpost h2 {
    height: 30px !important;overflow: hidden;
    }
    #thaiaiti-main-cot2 .labelposts .contpost ul.listpost li img {
    width: 96px;margin-bottom: 8px;
    height: 65px;
    float: left !important;
    }
    #thaiaiti-main-cot2 .labelposts .contpost ul.listpost li {
    margin: 0px;
    float: left;
    margin-right: 0px;
    width: 87px;
    overflow: hidden;
    }
    #thaiaiti-main-cot2 .labelposts .contpost ul.listpost li h2 a {
    font: 12px arial;
    color: #00437c;
    }
    #thaiaiti-main-cot2 .labelposts .contpost ul.listpost li h2 {
    height: 29px !Important;
    overflow: hidden;
    float: left;
    }
    - Chúc bạn thực hiện thành công, mọi thắc mắc vui lòng để lại comment phía dưới. 

Bình luận & Góp ý
  1. Anh có thể hướng dẫn em làm sao để bài viết trên trang chủ được như trang này của anh không anh Thái? http://i.imgur.com/uUxc9wv.jpg?1

    Trả lờiXóa
    Trả lời
    1. Cái đó trong template để bán sao share được :))

      Xóa
    2. À, thì ra là giới thiệu mẫu template hả bác sĩ.

      Xóa
    3. Em thấy template của bác sĩ cũng sử dụng mẫu recent này, bác sĩ share cho em được không? :)

      Xóa