Hiển thị bài viết giống trang vnexpress.net

Điểm 4.6/5 dựa vào 87 đánh giá

(Traidatmui.com) – VNEXPRESS.NET các bạn chắc hẳn không còn lạ lẫm gì với trang web tin tức hàng ngày này, bạn cũng đã thấy được cách hiển thị bài viết ở trang chủ của web này. Bài viết được hiển thị với bài mới nhất của dạng tóm tắ của một nhãn nào đó và các bài viết khác sẽ hiển thị dạng list bên phải. Có lẽ không ít bạn đã biết cách hiển thị bài viết như trang vnexpress trên blog, tuy nhiên ở đây mình xin hướng dẫn các bước thực hiện thủ thuật này để những bạn chưa biết cách thực hiện tham khảo và có thể ứng dụng trên blog của mình.


Hình ảnh minh họa

1. Đầu tiên hãy vào tài khoản blogger
2. Vào thiết kế (bố cục) chọn sửa HTML
3. Chèn code bên dưới vào trước dòng ]]></b:skin>
.fl {float:left;}
.fr {float:right;}
.folder, .folder-title, .folder-content, .folder-bottom, .folder-header, .folder-top, .folder-news {position:relative;}
.folder-content {background-color:#ffffff;}
.other-folder {width:100%;}
.folder, .folder-title, .folder-content, .folder-bottom, .folder-header, .folder-top, .folder-news {overflow:hidden;}
.folder, .folder-title, .folder-bottom {width:567px;}
.folder-bottom {background:#f5f5f6 url('http://lh3.ggpht.com/_BTztXRwC9ik/TGj3luYA7RI/AAAAAAAAC1k/1rDQCPEYBlI/bg_vne.gif') repeat-x 0px -73px;}
.folder {margin-bottom:5px;}
.folder-title {height: 21px;}
.folder-active, .subfolder {height: 17px;}
.folder-title {font:11px arial; color:#868d9d; background:#f5f5f6 url('http://lh6.ggpht.com/_BTztXRwC9ik/TGj3laz8FGI/AAAAAAAAC1g/ExBBW50gy1A/bg_repeat.gif ') repeat-x scroll 0px 0px;}
.folder-active {padding: 2px 9px; background:#f5f5f6 url('http://lh6.ggpht.com/_BTztXRwC9ik/TGj3laz8FGI/AAAAAAAAC1g/ExBBW50gy1A/bg_repeat.gif ') repeat-x 0px -23px;}
.folder-content {width:545px; padding:5px 10px 5px;font:12px arial; border-left:1px solid #d5d8de; border-right:1px solid #d5d8de;}
.folder-bottom {height:5px;}
.folder-topnews {width:298px; padding-right:20px;}
.folder-othernews {width:220px;}
.folder-news {width:545px; padding:0px 11px; margin-bottom:10px;}
.folder-news p{padding:0; margin-top:0px; margin-bottom:5px;}
.subfolder {padding: 3px 5px 1px;}
.link-folder {font:bold 12px arial; color:#8a0000; text-decoration:none;}
.link-subfolder {font:11px arial; color:#003f7a; text-decoration:none;}
.link-title {font:bold 13px arial; text-decoration:none; color:#000000;}
.link-title:visited {color:#004080;}
.link-othernews {text-decoration:none; color:#000000;font:12px arial;}
.link-othernews:visited {color:#004080;}
.link-othernews:hover {text-decoration:underline;}
.folder-content p{margin-top:0px;margin-bottom:4px;}
.folder-content ul {list-style:none;margin:0;padding:0;}
.folder-content li {
padding-left:6px;
background-image:url('http://lh6.ggpht.com/_BTztXRwC9ik/TGj3luMPyxI/AAAAAAAAC1o/ZKqwVz8oYcA/black-square.gif'); background-repeat:no-repeat;
background-position: 0 7px;
}
.other-folder {margin-bottom:5px;}
.img-subject {height:100px; border:1px solid #a5a5a5; margin-right:8px; margin-top:2px;}
.img-other {width:53px; height:53px; border:1px solid #a5a5a5; margin-right:5px;}
.folder-activeleft{width:2px; height:21px; background:#f4f5f6 url('http://lh4.ggpht.com/_BTztXRwC9ik/TGj3lEOrPeI/AAAAAAAAC1c/fydJ2djndOw/bg_corner.gif ') no-repeat -5px -0px;}
.folder-activeright{width:2px; height:21px; background:#f4f5f6 url('http://lh4.ggpht.com/_BTztXRwC9ik/TGj3lEOrPeI/AAAAAAAAC1c/fydJ2djndOw/bg_corner.gif') no-repeat -5px -23px;}
.Lead1 { font-family: 'Arial'; font-size: 11px; color: #919090; font-weight: bold }

Chỉnh code: Bạn có thể download ảnh nền (link màu cam) về và upload lên trang host của mình và lấy link.
4. Bây giờ trở lại phần tử trang thêm 1 HTML/Javascript và thêm code bên dưới vào phần tử vừa tạo
<div class="folder"><div class="folder-title"><div class="folder-activeleft fl"></div>
<div class="folder-active fl"><a class="link-folder" href="http://www.traidatmui.com/search/label/Advanced%20blogger?max-results=5">Thủ thuật blogspot</a></div>
<div class="folder-activeright fl"></div><div class="subfolder fl">

<a class="link-subfolder" href="http://www.traidatmui.com/search/label/Basic%20blogger?max-results=5">Basic Tips</a> |
<a class="link-subfolder" href="http://www.traidatmui.com/search/label/Ti%E1%BB%87n%20%C3%ADch%20blog?max-results=5">Tiện ích</a> |
<a class="link-subfolder" href="http://www.traidatmui.com/search/label/Computer?max-results=5">Tin học</a> | <a class="link-subfolder" href="http://www.traidatmui.com/search/label/Internet?max-results=5">Internet</a>
</div>

<div class="folder-titleright fr"></div>
</div>
<div class="folder-content" id="tdHomeFolder2">
<script type="text/javascript">
document.write(rdlabels[index]);
</script>

<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://lh5.ggpht.com/_BTztXRwC9ik/TGj60EKEdrI/AAAAAAAAC1w/JKGAdpKYyk8/images.jpg";
showRandomImg = true;
aBold = false;
summaryPost = 247; //số ký tự của bài viết hiển thị (bài tóm tắt)
sumPost = 147;
numposts = 6; //số bài được hiển thị
label = "Advanced blogger";
home_page = "http://www.traidatmui.com/";
</script>


<script src="http://data-traidatmui.appspot.com/scripts/vnexp_label.js" type="text/javascript"></script>
</div>
<div class="folder-bottom"></div>
</div>

Chỉnh sửa code: Bạn hãy thay các dòng màu xanh thành các đường link tương ứng với từng mục nhãn (dòng text màu đen đâm trong code). Và để hiển thị bài viết cho từng nhãn trên blog của bạn thì bạn hãy thay dòng label và dòng home_page thành tên nhãn bài viết và địa chỉ blog của mình.

5. Cuối cùng save lại

Với thủ thuật trên các bài viết sẽ hiển thị theo từng nhãn, nếu bạn muốn hiển thị cho toàn bộ bài viết trên blog bạn hãy thay file script trên thành file script (vnexp_label.js) bên dưới.
http://data-traidatmui.appspot.com/scripts/vnexp_post.js


» Cập nhật 29/08/2011

Theo yêu cầu của Khánh Trắng mình xin cập nhật thêm cho bài viết này, khi bạn muốn hiển thị bài viết kiểu này cho nhiều nhãn khác nhau thì buộc các bạn phải lặp lại file JS rất nhiều lần, đây cũng là một cái hơi phiền phức, để khắc phục việc lặp lại file JS đó mình có một cách nhỏ các bạn có thể tham khảo, cách này sẽ làm code trong gọn và ngắn hơn. Chúng ta sẽ bắt đàu từ bước 3 ở trên nhé, sau bước 3 bạn chèn tiếp code bên dưới vào sau thẻ <head> hoặc trước thẻ </head>
<script language="javascript">
summaryPost = 247;
showRandomImg = true;
aBold = false;
thumbwidth = 100;
thumbheight = 60;
otherthumbwidth = 60;
otherthumbheight = 60;
sumPost = 147;
home_page = "http://www.traidatmui.com";
numposts = 6; //số bài được hiển thị
</script>
<script src="http://data-traidatmui.appspot.com/scripts/JS_vnpost.js" type="text/javascript"></script>

Bây giờ đến bước 4 chúng ta sẽ sử dụng code bên dưới để thay cho code ở trên
<div class="folder"><div class="folder-title"><div class="folder-activeleft fl"></div>
<div class="folder-active fl"><a class="link-folder" href="http://www.traidatmui.com/search/label/Advanced%20blogger?max-results=5">Thủ thuật blogspot</a></div>
<div class="folder-activeright fl"></div><div class="subfolder fl">

<a class="link-subfolder" href="http://www.traidatmui.com/search/label/Basic%20blogger?max-results=5">Basic Tips</a> |
<a class="link-subfolder" href="http://www.traidatmui.com/search/label/Ti%E1%BB%87n%20%C3%ADch%20blog?max-results=5">Tiện ích</a> |
<a class="link-subfolder" href="http://www.traidatmui.com/search/label/Computer?max-results=5">Tin học</a> | <a class="link-subfolder" href="http://www.traidatmui.com/search/label/Internet?max-results=5">Internet</a>
</div>

<div class="folder-titleright fr"></div>
</div>
<div class="folder-content" id="tdHomeFolder2">
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://lh5.ggpht.com/_BTztXRwC9ik/TGj60EKEdrI/AAAAAAAAC1w/JKGAdpKYyk8/images.jpg"; // ảnh đại diện cho bài viết không có ảnh của từng nhãn
document.write("<script src=\""+home_page+"/feeds/posts/default/-/Advanced blogger?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script>
</div>
<div class="folder-bottom"></div>
</div>

Bạn chỉnh sửa tên nhãn lại cho phù hợp, và muốn lặp lại cho các nhãn khác nhau bạn chỉ cần lặp lại code trên và thay tên nhãn cho phù hợp là đươc. Đây là cách có thể chưa tối ưu lắm, có gì các bạn trao đổi thêm nhe.

Chúc bạn thành công

Chuyên mục:

50 nhận xét

  1. Những bài hiển thị như vậy thật hay nhưng có một số lỗi hiển thị trên trình duyệt và vẫn lặp lại trong bài viết như trong demo là bài viết Thủ thuật yêu cầu vẫn bị lặp lại , cũng giống như hiển thị như trang tin247 trong blog của bn cũng vậy .Có cách nào khắc phục không ??Hướng dẫn tin247 bên fandung fix lỗi mà vấn khó xơi hịc hịc

    Trả lờiXóa
  2. Admin oi...Nếu muốn hiển thị tất cả bài viết trên blog thì làm thế nào?

    Trả lờiXóa
  3. Để hiển thị cho tất cả bài viết trên blog theo thứ tự ưu tiên bài mới bài cũ thì bạn thay file JS sau
    http://singleboy010.110mb.com/Myfile/javascript_tips/vnE_label.js
    Thành
    http://singleboy010.110mb.com/Myfile/javascript_tips/vnE_post.js
    Thân!

    Trả lờiXóa
  4. hic...admin ơi...admin có thẻ sửa cho giống trang http://tintuc.timnhanh.com.vn/....được không ạ̣̣̣̣̣ ̣ dạo này mình làm phiền admin quá>>>>>

    Trả lờiXóa
  5. cảm ơn anh :D
    em đang áp dụng cho blog của mình :D

    Trả lờiXóa
  6. Bài viết được cập nhật theo yêu cầu của Khánh Trắng. ;;)

    Trả lờiXóa
  7. Cám ơn Trai Đất Mũi nhé!
    Nhưng cái code cuối cùng nó có bị gì không sao nó báo lỗi Trai Đất Mũi ơi! khocwatroi

    Trả lờiXóa
  8. Lỗi đó là bạn chèn vào template hay trong tiện ích HTML/Javascript, nói rỏ lỗi đó mình khắc phục lại tùy từng template

    Trả lờiXóa
  9. Ah minh chen vao trong temp luon Trai Dat Mui ah!
    Luon tien cho minh hoi la cai Unikey no khong co tuong thich voi FireFox 6.0 dung khong TDM? Tu dung update len FF 6.0 gio no khong con hoat dong nua! cunghi

    Trả lờiXóa
  10. Nếu chèn vào template thì ở bước 4 dùng code này nhe KT

    <div class="folder"><div class="folder-title"><div class="folder-activeleft fl"></div>
    <div class="folder-active fl"><a class="link-folder" href="http://www.traidatmui.com/search/label/Advanced%20blogger?max-results=5">Thủ thuật blogspot</a></div>
    <div class="folder-activeright fl"></div><div class="subfolder fl">

    <a class="link-subfolder" href="http://www.traidatmui.com/search/label/Basic%20blogger?max-results=5">Basic Tips</a> |
    <a class="link-subfolder" href="http://www.traidatmui.com/search/label/Ti%E1%BB%87n%20%C3%ADch%20blog?max-results=5">Tiện ích</a> |
    <a class="link-subfolder" href="http://www.traidatmui.com/search/label/Computer?max-results=5">Tin học</a> | <a class="link-subfolder" href="http://www.traidatmui.com/search/label/Internet?max-results=5">Internet</a>
    </div>

    <div class="folder-titleright fr"></div>
    </div>
    <div class="folder-content" id="tdHomeFolder2">
    <script language="JavaScript">
    imgr = new Array();
    imgr[0] = "http://lh5.ggpht.com/_BTztXRwC9ik/TGj60EKEdrI/AAAAAAAAC1w/JKGAdpKYyk8/images.jpg"; // ảnh đại diện cho bài viết không có ảnh của từng nhãn
    /* <![CDATA[ */ document.write("<script src=\""+home_page+"/feeds/posts/default/-/Advanced blogger?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");/* ]]> */
    </script>
    </div>
    <div class="folder-bottom"></div>
    </div>

    Ah còn Unikey thì hiện tại mình cũng dùng FF 6.0 nhưng không vấn đề gì cả, nó vẫn hoạt động tốt. Có thể Unikey bị lỗi gì đó KT

    Trả lờiXóa
  11. Chào TDM!
    Ở site KT khi thêm bước 1 ở phần cập nhật thì nó bị xung đột với code JS sau : http://dl.dropbox.com/u/37912214/VNE.js
    TDM có thể điều chỉnh biến để cho nó không xung đột cho trường hợp của KT được không?
    Thanks TDM!

    Trả lờiXóa
  12. Nếu bị trùng biến ở code trên, KT có thể sử dụng code và chỉnh sửa một chút như bên dưới. Code thay thế cho code cũ (bước 1 phần cập nhật)

    <script language="javascript">
    summaryPosts1 = 247;
    showRandomImg = true;
    aBold = false;
    bigthumbnailwidth = 100;
    bigthumbnailheight = 60;
    smallthumbwidth = 60;
    smallthumbheight = 60;
    sumPosts = 147;
    home_page = "http://www.traidatmui.com";
    vnnumposts = 6; //số bài được hiển thị
    </script>
    <script src="http://traidatmui-tips.googlecode.com/files/JS_vnpostfixed.js" type="text/javascript">
    </script>

    Chỉnh sửa bước cuối phần cập nhật: KT thay code này
    document.write("<script src=\""+home_page+"/feeds/posts/default/-/Advanced blogger?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
    thành code dưới
    document.write("<script src=\""+home_page+"/feeds/posts/default/-/Advanced blogger?max-results="+vnnumposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");

    Trả lờiXóa
  13. Thanks TDM nhé!
    Mình làm hoài mà vẫn không khắc phục được.
    Thôi cứ tạm để như vậy cũng được.
    Thanks TDM đã nhiệt tình giúp đỡ nhé!

    Trả lờiXóa
  14. Mình làm được rồi nhưng có 4 lỗi nhỏ sau, mong TĐM chỉnh sửa giùm:
    - Ảnh lớn bên trái ở các recent post không cùng một kích thước
    - Ảnh bé bên phải lấn xuống dưới tiêu đề bài viết tiếp theo dù mình đã chỉnh sửa cho ảnh nhỏ lại.
    - Bullets trước các tiêu đề bài viết bị lệch hẳn sang bên trái, trông ko bắt mắt.
    - Các recent post không cùng 1 kích thước chiều cao
    Cảm ơn TĐM nhiều

    Trả lờiXóa
  15. @ Hoàng Đức Hoài: Đây là 2 phần chỉnh sửa ảnh thumb, bạn có thể tùy chỉnh độ rộng và chiều cao theo ý mình.

    .img-subject : Ảnh thumb bên trái
    .img-other: Ảnh thumb bên phải

    Còn vấn đề ảnh bị lệch bạn tùy chỉnh margin hoặc thêm thuộc tính float:left; vào .img-other: nếu cần thiết.

    Còn chiều cao không đồng đều là bình thường thôi bạn, vì bài viết của bạn có bài tiêu đề ngắn, bài tiêu đề dài nó sẽ làm dãn chiều cao ra.

    Bạn chú ý là chỉnh sửa độ rộng 2 cột cho phù hợp với nơi chứa tiện ích sẽ trông đẹp hơn

    Trả lờiXóa
  16. Bài viết này bị lỗi lắm,hic,mà blog sao bị lỗi ảnh thế nì

    Trả lờiXóa
  17. Chào bạn.
    Bạn có thể nói ró hơn về "chỉnh sửa độ rộng 2 cột cho phù hợp với nơi chứa tiện ích sẽ trông đẹp hơn". Mình không biết chỉnh ở chỗ nào nữa.

    Trả lờiXóa
  18. @ sangnguyenMS:Anh có thể chỉnh sửa độ rộng (width) ở các phần này
    [code].folder-topnews {width:298px; padding-right:20px;}
    .folder-othernews {width:220px;}
    .folder-news {width:545px; padding:0px 11px; margin-bottom:10px;}[/code]

    Trả lờiXóa
  19. Nhận xét này đã bị tác giả xóa.

    Trả lờiXóa
  20. a ơi!a có thể giúp em sửa lỗi này đc không.
    em cho hiển thị trên trang chính blog là 10 bài,nhưng không hiểu sao nó chỉ hiện ra dc 3 bài là sao a?
    a giúp em với!

    Trả lờiXóa
  21. Anh ơi, giúp em với ạ.
    Em chèn tiện ích này vào thì tiện ích "Bài đọc nhiều nhất" không còn nằm trên thanh bên phải nữa mà nó nhảy xuống dưới ạ. Tất cả các tiện ích thanh bên phải đều nhảy xuống dưới ạ.
    Đây là địa chỉ blog của em http://hangkhongvacuocsong.blogspot.com/
    Mong anh giúp đỡ:)

    Trả lờiXóa
  22. @ van: Đó là do bài viết trên trang em chưa đủ 6 bài viết theo mặc định của tiện ích tại (numposts = 6;). Em có thể chỉnh số này giảm xuống đúng số bài viết hiện hữu hoặc post thêm bài thì tiện ích sẽ không bị lỗi làm lệch sidebar.

    Trả lờiXóa
  23. Dạ em cảm ơn anh nhiều ạ.
    Anh ơi, em mới làm blog nên chắc sẽ phiền anh nhiều ạ, hihi.
    Anh cho em hỏi tiếp nhé, em muốn click vào bài viết thì chỉ hiển thị bài đó để đọc, hoặc click vào nhãn nào thì chỉ hiển thị các bài đăng của nhãn đó thôi, không hiển thị tiện ích này ở trên bài viết thì em phải làm sao ạ. Thanks anh nhiều lắm:)
    Đây là ảnh em chụp lại, phần gạch chéo là em không muốn hiển thị khi click vào đọc bài ạ:)
    http://www.upanh.com/upanh_blog/v/3nx45m6d1rh.htm

    Trả lờiXóa
  24. Anh ơi, cho em hỏi với, em muốn thay cái màu đỏ trong chữ thì em phải làm sao ạ, em thấy có phần màu đỏ là tối chữ quá, em muốn thay màu khác cho nó sáng hơn. Anh xem hình để dễ hiểu hơn về câu hỏi của em ạ. Anh giúp em với nhé, cảm ơn anh nhiều cungly

    http://nh6.upanh.com/b3.s2.d2/c93f1ebd2b4d3a4af2a0db4d62d19e9c_39790626.hinh.jpg

    Trả lờiXóa
  25. Nhận xét này đã bị tác giả xóa.

    Trả lờiXóa
  26. Bạn ơi,
    Bạn giúp mình xem blog của mình sao add tiện ích này vào, blog chạy chậm quá. Có cách nào giúp cho blog load nhanh hơn mà không bỏ tiện ích này được không bạn? Cám ơn bạn trước nhé, mong bạn giúp đỡ
    Đây là link Blog của mình: http://snowautumn.blogspot.com/

    Trả lờiXóa
  27. [quote]@ van: Anh ơi, cho em hỏi với, em muốn thay cái màu đỏ trong chữ thì em phải làm sao ạ, em thấy có phần màu đỏ là tối chữ quá, em muốn thay màu khác cho nó sáng hơn[/quote]
    Để chỉnh sửa màu sắc của các link bạn tìm và chỉnh sửa thuộc tính color: trong đoạn css như bên dưới[code].link-folder {font:bold 12px arial; color:#8a0000; text-decoration:none;}
    .link-subfolder {font:11px arial; color:#003f7a; text-decoration:none;}
    .link-title {font:bold 13px arial; text-decoration:none; color:#000000;}
    .link-title:visited {color:#004080;}
    .link-othernews {text-decoration:none; color:#000000;font:12px arial;}
    .link-othernews:visited {color:#004080;}[/code]
    Mã màu bạn có thể tham khảo tại đây

    Trả lờiXóa
  28. Anh Dinh ơi,em thấy nếu dùng tiện ích này,theo kiểu thứ 2 ấy,load sẽ nhanh hơn,nhưng nó gặp 1 lỗi đó là Label em dùng label ví dụ: Vi%20tinh thi nó không hiện,hic hic

    Trả lờiXóa
  29. Anh oi,

    Em dung thu thuat nay cho blog cua em nhung sao no khong hien thi bai ra a, chi co cai khung thoi anh, hic hic...

    Trả lờiXóa
  30. Mình không làm được thủ thuật này nhỉ.
    Đình qua bên anh tư vấn giúp với.
    Nó chỉ hiện menu còn các bài viết thì không.
    Cảm ơn Đình
    www.taichinh247.com

    Trả lờiXóa
    Trả lời
    1. do các bài viết của bạn chưa được feedburn. đăng ký feedburn thì hiện đc

      Xóa
    2. cái đấy không phải do Feedburn mà nếu dùng thủ thuật lấy bài viết từ feed thì feed nên để chế độ Full và phần người xem blog là Mọi người

      Xóa
  31. Thật tuyệt vời. Cảm ơn bạn đã chia sẻ. Đây là blog của mình: Expinf.Com

    Trả lờiXóa
  32. Mình cũng ko hiển thị được bài viết.
    Test blog mình:
    http://nguoinhaque0909.blogspot.com

    Trả lờiXóa
  33. Bài viết của bạn rất hữu ích. Tuy vậy việc đính js, home-page và label sẽ làm việc tìm kiếm chậm hơn rất nhiều. Đây là file js của TĐM: http://data-traidatmui.appspot.com/scripts/vnexp_label.js.
    Do comment không có đính html được nên mình không gợi ý được để mọi người dễ dùng hơn.

    Trả lờiXóa
  34. cám ơn traidatmui, nhiều thủ thuật hay lắm. Chúc bạn sang năm mới càng phát triển hơn nữa.

    Trả lờiXóa
  35. Co luon ca template giong 100%

    http://vnexpresstemplate.blogspot.com/

    Trả lờiXóa
  36. Chào Admin!
    Cho mình hỏi mình chỉ muốn nó hiển thị ở trang chủ thôi. Vào nhãn nó ko xuất hiện.
    Cảm ơn admin!

    Trả lờiXóa
    Trả lời
    1. Bạn chỉ cần cho code trên nằm như mẫu sau:
      [code]<b:if cond='data:blog.url == data:blog.homepageUrl'>

      Code thu thuat tren

      <b:if>

      Xóa
    2. Nhận xét này đã bị tác giả xóa.

      Xóa
    3. Vâng, bạn chỉ cần copy code ở bước 4 ra là được và cho tất cả các code đó nằm giữa code trên.

      Xóa
    4. Nhận xét này đã bị tác giả xóa.

      Xóa
    5. <b:if cond = 'data:blog.url == data:blog.homepageUrrl>
      Code thu thuat tren
      <b:if> // Cái này là thẻ đóng " </b:if>" hay mở vậy admin.

      Xóa
    6. Nó vẫn không ẩn đi mà nó vẫn hiện ở các nhãn admin ạ.

      Xóa
    7. Nó là thẻ đóng bạn ah, mình gõ thiếu. Đoạn trên bạn dư chữ r trong phần Urrl đấy. Nó chỉ là Url

      Xóa
    8. uhm. Mình là rồi mà không được, không biết nó sai ở đâu

      blog của mình đây : admin xem giúp được ko?
      http://lnchannel.blogspot.com/

      Xóa
    9. Ah do bạn chèn vào HTML/Javascript nên code trên đâu làm việc. Bạn nên tham khảo bài viết tại đây để hiển thị tiện ích HTML/Javascript đó ở trang chủ thôi.

      Xóa
    10. Làm phiền admin chút nhá !

      Mình làm được nó chỉ hiện ở trang chủ rồi, nhưng vào "nhãn" lại có cái "thanh ngang" trống hiện ra. Xóa nó đi kiểu gì vậy admin
      http://lnchannel.blogspot.com/
      - xin lỗi nếu làm phiền admin

      Xóa
    11. Cái đấy là do ảnh hưởng của nhiều thuộc tính lắm bạn, có thể thuộc tính padding của các widget nằm trên phần main bạn ah.

      Xóa