Thủ thuật này chỉ hiện thị tốt nhất cho các bài viết có 1 nhãn , nếu 1 bài viết có nhiều nhãn thì các bài hiển thị trong box này cũng sẽ tăng theo. Ví dụ ta thiết lập cho 1 nhãn hiển thị trong box là 4 bài, thì với 2 nhãn ta sẽ có 8 bài.
☼ Bắt đầu thực hiện thủ thuật:
1. Vào bố cục
2. Vào chỉnh sửa code HTML
3. Chọn mở rộng mẫu tiện ích
4. Chèn đoạn code bên dưới vào trước thẻ đóng </head>
<script src='http://data.fandung.com/js/rp-posts.js' type='text/javascript'/>
<script type='text/javascript'>
var maxEntries = 4;
</script>
<style type='text/css'>
#rp-pre {
float:right;
width:150px;
padding-left:10px;
}
#rp-content {
border:1px solid #bbb;
background:#eee;
}
#rp-title {
text-align: center;
background:#bbb;
font-weight:bold;
color:#F95107;
margin:3px;
padding-bottom:2px;
}
#rp-posts {
position:relative;
left:-20px;
}
#rp-posts a {
background: url(http://farm3.static.flickr.com/2426/3638176588_31366a6822_o.gif) no-repeat left;
padding-left:13px;
}
#rp-posts ul li {
list-style :none;
}
</style>
- Code : var maxEntries = 4; chính là số bài viết mà bạn muốn hiển thị cho 1 nhãn.
- Trong hình minh họa, box hiện thị ở bên phải, nếu bạn muốn nó hiển thị ở bên trái thì sửa code float:right; thành float:left;
5. Tiếp tục di chuyển xuống phía dưới trong code template, tìm đoạn code bên dưới:
<data:post.body/>
6. Thêm đoạn code bên dưới vào trước dòng code vừa tìm được:
<b:if cond='data:blog.pageType == "item"'>
<div id='rp-pre'>
<div id='rp-content'><div id='rp-title'>Bài liên quan</div>
<div id='rp-posts'/></div></div>
<b:loop values='data:post.labels' var='label'>
<script expr:src='"/feeds/posts/summary/-/" + data:label.name + "?alt=json-in-script&callback=getRandomPosts&max-results=999"' type='text/javascript'/>
</b:loop>
</b:if>
7. Save template.
☼ 1 lời khuyên nhỏ:
- Khi chèn box vào bài viết (nằm bên phải) ta sẽ thấy các chữ sẽ không đều (nếu ta chưa chỉnh), như hình minh họa bên dưới:
- Để khắc phục điều này bạn chỉ cần căn đều 2 bên cho khối văn bản này là được, và ta sẽ được kết quả như hình bên dưới:
Do thủ thuật này dùng tới file JS, và nó được chèn vào ngay đầu bài viết, nên phần nào cũng sẽ ảnh hưởng tới tốc độ load bài viết.
Chúc các bạn thành công.
7/09
Rẹttttt! Xé tem!:D Thủ thuật rất hay. Bữa giờ ngày nào cũng vào blog của FD để xem nhất là trong thời gian sửa temp. Thanks FD rất nhiều. No1!!
7/09
Lâu rồi mới lại thấy Tiến comment ở blog của mình :D
7/09
cái code đánh dấu số thứ tự comment bên bác đâu nhỉ? e tìm hoài k thấy, qua bên anhvo thì nó lại bị lộn comment
7/09
Cảm ơn FD nhiều nhé! Phải thử liền :D
7/09
Bên tớ test thì chạy OK nhưng trong đoạn CSS này(position:relative;)phải sửa làm sao để cho nó chạy lên đầu trang dưới phần Tiêu đề bài viết nhỉ!? của tớ làm nó chạy xuống cuối trang.
7/09
Nếu muốn đặt giữa bài viết và canh lề bên phải thì làm sao FD nhỉ?
7/09
nó chạy xuống dưới trang là do bạn đó chứ, đây phải do đoạn position:relative. Bạn đã đặt nhầm code sau dòng data:post.body , trên đó mình nói là đặt trước mà.
7/09
Ah! đúng rùi. Tớ đọc ko kỹ!
7/09
còn nếu muốn cho nó nằm ở giữa bài viết thì bạn phải dùng cách thủ công, nhưng không phải hoàn toàn. Tức là dùng 1 đoạn code thay thế (ngắn thôi, ví dụ <!--abc-->), và chèn nó vào vị trí trong bài viết mà bạn muốn hiển thị. Như thế mới hiển thị vào giữa bài được, tức là bài viết nào cũng phải chèn đoạn code thay thế này, như thế sẽ rất cực, tốt nhất dùng cách này cho đơn giản.
7/09
Ái chà hay wá FD ơi! 1 tràn pháo tay ---> lẹp bẹp lẹp bẹp lẹp bẹp :D
7/09
@FD: hì hì. Ngày nào mình cũng vô blog của FD đó chứ. Còn add link của FD lên trình duyệt luôn kìa. :D:D:D:D
7/09
cám ơn bạn Tiến và Tài nhiều :D
7/09
lẹp bẹp lẹp bẹp lẹp bẹp - Vỗ tay theo Tài.
Anh sẽ áp dụng TT này.
7/09
Fandung ơi bạn mần ơn cho mình 2 đoạn code nhá:
thứ nhất mình muốn tạo một "mô-đun" trong đó có các đoạn chữ kèm theo hình(khoảng 3-4 đoạn) mà mỗi lần khách viến thăm(hoặc F5) sẽ hệ ra ngẫu nhiên 1 đoạn text có sẵn đó(kèm hình minh họa).
thứ hai mình muốn ở cuối bài có các nút như gửi bài này cho bạn bè,bookmark bài này, in bài này... chắc bạn làm đc hả?share cho mình nhá ^^ Cám ơn trc nha
---Note: Mình không biết tìm post yêu cầu code ở đâu nên post đại ở đây,nếu bạn thấy khó chịu thì cho xin lỗi hén!
7/09
@Thanh phương : chắc bạn mới vào blog mình. trên cuối trang và đầu trang đều có link dẫn tới khu vực yêu cầu thủ thuật, chắc bạn ko để ý.
Sau này muốn post yêu cầu thì bạn vào khu vực đó mà post nha.
Còn cái việc bạn yêu cầu mình, mình sẽ thực hiện sau.
7/09
Dear Dũng,
Mình có yêu cầu này muốn nhờ Dũng, Dũng nghiên cứu xem thế nào nhé:
Mình muốn đăng bài viết tự động từ các website khác vào blog thì làm thế nào? Ví như, ở Label "Thể thao" chẳng hạn, các bài viết từ các trang như vnexpress.net hay Thethaovietnam,Bongda...tự động nhảy vào blog như của "Tin 247" đó? Chứ không mình cứ đi copy các bài viêt từ các trang đó post vào blog thì rất tốn thời gian.
Dũng nghiên cứu nhé.
Thanks
http://obamavn-tmt.blogspot.com
7/09
@tmtvietnam : việc này mình không rõ lắm bạn à, mình chưa thấy blog nào làm được việc này. Cũng ko biết là có thực hiện được với blogspot ko nữa.
6/10
FD à mình có DOWNLOAD gói Script trên Blog bạn. Trong đó có Mã Script về Thủ Thuật này, tuy nhiên khi add vào lại không hiển thị được trên blog mình bạn Xem lại hộ mình nha.
http://share-all.com
3/11
Chào bạn. Tôi dò làm theo cách chỉ dẫn nhưng nó chỉ hiện dòng "Bài viết liên quan" mà không hiện danh sách các bài liên quan.
Thấy không được tôi muốn xóa thoát ra nhưng không được. Hiện tôi muốn xóa dòng "bài viết liên quan hiện trên đầu bài thì làm thế nào hả bạn? Rất mong được giúp đỡ. Trang của tôi là http://www.truongduynhat.vn/
Rất cảm ơn!
3/11
Tôi có viết 1 comment hỏi admin mà giờ không thấy nội dung comment đâu mà cũng không thấy trả lời.
Tôi theo hướng dẫn cài nhưng nó chỉ hiện mỗi dòng "bài liên quan" mà không hiện tên các bài liệt kê. Tôi loay hoay tìm cách tháo bỏ nhưng không được. Hiện trên đầu bài vẫn còn chữ "bài liên quan". Làm cách nào để tháo bỏ dòng chữ này. xin bày cho tôi với. Trang của tôi là truongduynhat.vn
Rất cảm ơn.
8/11
Vậy làm sao xoá nó đi hở Anh Dũng?
2/11
Em không tìm thấy dòng này ở đâu trong chỉh sửa html cả mặc dù seach đi rất nhiều lần mong anh giải thích. Hiện tại đa số các thủ thuật đều dựa vào cụm từ này mà giờ google dấu đi rùi thì phải hic
7/12
Ko được FD ơi. Nó chỉ thể hiện tiêu đề Bài Liên Quan thôi chứ ko hiện ra các bài tương ứng của mục đó.
Vậy sửa làm sao nè???
8/12
do link này da chet http://data.fandung.com/js/rp-posts.js. ca ban thay lai link nay la dc http://fandung.googlecode.com/svn/trunk/js/rp-posts.js
mình vua la thu nè xem demo http://www.khocviem.org/2010/07/thoi-gian-la-tinh-yeu.html
7/13
Tin mới nhất: link http://data.fandung.com/js/rp-posts.js dẫn tới trang khác.
Cảnh báo !!!!!!
» Nội dung phải liên quan tới chủ đề bài viết.
» Có thể sử dụng thẻ trích dẫn [quote], cấu trúc thẻ như bên dưới :
[quote=AUTHOR name=fdquote]NỘI DUNG[/quote]
» Có thể sử dụng các thẻ <b>,<i>,<a>.
BlOg FD chính thức đóng comment của khách ẩn danh.
BlOg FD.