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

(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

Xem khác cùng chủ đề

50 nhận xét | Viết lời bình

8/17/2010 03:13:00 SA Trả lời

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

9/30/2010 03:15:00 SA Trả lời

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?

Admin
9/30/2010 03:42:00 SA Trả lời

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

9/30/2010 09:15:00 CH Trả lời

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

12/06/2010 09:42:00 CH Trả lời

cảm ơn anh :D
em đang áp dụng cho blog của mình :D

Admin
8/28/2011 09:18:00 CH Trả lời

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

8/28/2011 11:53:00 CH Trả lời

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

Admin
8/29/2011 01:45:00 SA Trả lời

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

8/29/2011 01:52:00 SA Trả lời

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

Admin
8/29/2011 02:02:00 SA Trả lời

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

8/30/2011 08:51:00 CH Trả lời

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!

Admin
8/31/2011 02:12:00 SA Trả lời

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>");

9/30/2011 09:24:00 CH Trả lời

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

10/01/2011 01:15:00 SA Trả lời

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

Admin
10/01/2011 04:24:00 SA Trả lời

@ 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

11/25/2011 03:20:00 SA Trả lời

Bài viết này bị lỗi lắm,hic,mà blog sao bị lỗi ảnh thế nì

11/28/2011 08:00:00 CH Trả lời

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.

Admin
11/28/2011 08:51:00 CH Trả lời

@ 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]

12/13/2011 02:57:00 CH Trả lời
Nhận xét này đã bị tác giả xóa.
12/27/2011 09:50:00 SA Trả lời

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!

van
1/02/2012 08:37:00 CH Trả lời

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 đỡ:)

Admin
1/02/2012 09:04:00 CH Trả lời

@ 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.

van
1/02/2012 09:44:00 CH Trả lời

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

Admin
1/02/2012 10:19:00 CH Trả lời

@ van:Em tìm hiểu thêm bài viết tại đây nhé.

van
1/08/2012 12:42:00 SA Trả lời

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

1/08/2012 02:16:00 SA Trả lời
Nhận xét này đã bị tác giả xóa.
1/08/2012 02:16:00 SA Trả lời

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/

Admin
1/10/2012 12:02:00 SA Trả lời

[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

1/14/2012 11:25:00 CH Trả lời

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

Nặc danh
3/08/2012 10:50:00 CH Trả lời

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

3/27/2012 06:40:00 SA Trả lời

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

8/24/2012 10:42:00 SA Trả lời

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

10/20/2012 01:43:00 SA Trả lời

Mình cũng ko hiển thị được bài viết.
Test blog mình:
http://nguoinhaque0909.blogspot.com

11/12/2012 09:14:00 CH Trả lời

do các bài viết của bạn chưa được feedburn. đăng ký feedburn thì hiện đc

Admin
11/13/2012 09:05:00 CH Trả lời

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

11/23/2012 07:00:00 SA Trả lời

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.

2/03/2013 11:33:00 CH Trả lời

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.

3/12/2013 04:07:00 SA Trả lời

Co luon ca template giong 100%

http://vnexpresstemplate.blogspot.com/

10/10/2013 08:14:00 CH Trả lời

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!

Admin
10/10/2013 09:21:00 CH Trả lời

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>

10/11/2013 01:03:00 SA Trả lời
Nhận xét này đã bị tác giả xóa.
Admin
10/11/2013 01:10:00 SA Trả lời

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.

10/11/2013 01:14:00 SA Trả lời
Nhận xét này đã bị tác giả xóa.
10/11/2013 01:18:00 SA Trả lời

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

10/11/2013 01:47:00 SA Trả lời

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

Admin
10/11/2013 02:14:00 SA Trả lời

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

10/11/2013 02:28:00 SA Trả lời

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/

Admin
10/11/2013 02:47:00 SA Trả lời

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.

10/11/2013 07:34:00 SA Trả lời

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

Admin
10/11/2013 05:55:00 CH Trả lời

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.

Bạn nhập từ: cungly Bạn nhập từ: lleu Bạn nhập từ: kkrong Bạn nhập từ: cuoilon Bạn nhập từ: roile Bạn nhập từ: hehehe Bạn nhập từ: byebye Bạn nhập từ: idontknow Bạn nhập từ: votay more »

Giải pháp bán hàng online Số 1 Việt Nam
Lên đầu trang Xuống cuối trang