Trang chủ \ 18:58

Nhận xét mới nhất cho từng bài viết

Đây là một dạng của tiện ích Recent Comments được viết để hiển thị người nhận xét mới nhất của từng bài viết riêng khi xem danh sách bài đăng ở kiểu index, archive. Mình chỉ hiển thị avatar và permalink cho nhận xét đó.


Bước 1: Thêm đoạn mã dưới đây vào trước thẻ ]]></b:skin> trong template của bạn.
.post{position:relative}
.rc-post{position:absolute;bottom:10px;right:-36px}
.rc-post img{border:0 none!important;border-radius:50% 50% 50% 0;padding:0!important;width:36px;height:36px}

Bước 2: Thêm đoạn mã dưới đây vào trước thẻ </head> trong template của bạn.
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
//<![CDATA[
no_avatar='http://lh6.googleusercontent.com/-OKWz_G9ElFo/TuX_HC5zmkI/AAAAAAAAArI/4CqenpDZg54/s44/no-avatar.png';
function rc_post(json){var num=json.feed.openSearch$totalResults.$t;if(num!=0){var i=parseInt((num-1)/200)+1;if(i==1){var v='#c'}else{var v='?commentPage='+i+'#c'}var c=json.feed.entry[0];name=c.author[0].name.$t;if(c.author[0].gd$image.src=='http://img1.blogblog.com/img/blank.gif'){var avatar=no_avatar;alt='no avatar';}else{var avatar=c.author[0].gd$image.src;alt=name;}var lk=c.link[0].href;lk=lk.split('/');cid=lk[8];url=c['thr$in-reply-to'].href;document.write('<a class="rc-post" href="'+url+v+cid+'" rel="nofollow"><img alt="'+alt+'" src="'+avatar+'" title="'+name+'"/></a>');}}
//]]>
</script>
</b:if>
</b:if>

Bước 3: Tìm thẻ <a expr:name='data:post.id'/> và thêm vào sau nó đoạn mã dưới đây:
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:post.numComments != 0'>
<script type='text/javascript' expr:src='&quot;/feeds/&quot; + data:post.id + &quot;/comments/default?alt=json-in-script&amp;max-results=1&amp;callback=rc_post&quot;'/>
</b:if>
</b:if>
</b:if>

Ở đoạn mã bước 1 thì bottom:10px;right:-36px là tọa độ của avatar so với class post. Hãy chỉnh giá trị của thuộc tính bottomright cho phù hợp với blog của bạn.
Chia sẻ Phần mềm và Tài liệu cho người dùng Windows, Ubuntu. Hướng dẫn Thủ thuật cho người dùng Blogger, Blogspot.

Chia sẻ

14

Nhận xét
1

Xé tem bài viết, lần đâu tiên !
Cái này thích hợp với mấy trang thủ thuật có theo dõi yêu cầu thủ thuật hay bài viết hỏi đáp :)

Reply
2

Thủ thuật này ko cần thiết lắm :D

Reply
3

Cái này chèn vào đâu nhỉ
Có vẻ cũng không cần thiết lắm
Sử dụng toàn blog cho tiện :D

Reply
4

- Làm sao để có mục bài viết liên quan kiểu của blog bạn vậy :-?

Reply
5

Thật sự là cái này cũng ko cần thiết , chỉ dành cho ai thích "vọc" thôi ^^ :)

Reply
6

làm vài skin cho nó xơm tụ đi bạn ơi.... :)

Reply
7

@ChoiBlogs.blogspot.comvào đây nè bạn !
http://blog.duypham.info/2011/06/related-posts-with-thumbnails.html

Reply
8

Đây là 1 trong số những bài mình dự định đăng để "chống cháy" cho blog khi đang cạn ý tưởng :((

Reply
9

anh ơi cho em nick yh của anh

em muốn hỏi vài cái dc ko

Reply
10

@Blog - 360MMOMình k dùng Y!M, bạn có thể liên hệ qua form và dùng Gtalk.

Reply
11

vậy gtalk của anh là gì
cả forum luôn nha :D

Reply
12

@Blog - 360MMOLàm gì có cái 4rum nào :-? http://blog.duypham.info/p/contact.html

Reply
13

Chào anh, anh có thể giải đáp giúp em việc này ko ạ? Blog của em là blog cá nhân, em chỉ mời 1 số bạn chia sẻ. Em ko hiểu vì sao em làm những thủ thuật Recent Comments mà nó ko hiển thị? Có phải vì đó là blog cá nhân ko anh? Vậy anh có thể hướng dẫn cho em cách làm sao để nó hiển thị ko anh? Em cảm ơn anh rất nhiều.

Reply
14

Rất tiếc là những tiện ích như recent comment, recent posts, related posts, random posts... là sử dụng nguồn feed nên cần mở blog cho mọi người đọc, bạn giới hạn blog sẽ k sử dụng dc những tiện ích này

Reply

Đăng nhận xét

Cancel reply

• Những nhận xét spam sẽ bị xóa.
• Public tài khoản Blogger để được trợ giúp.
• Nặc danh thường không được chào đón.