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 sau 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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4T9-xjWBccvPUSS4H2HeZfu-hdXyGzxV45codvjN9nmBopLFfqzY1X_kKaixPUDcpv79-HxICwRn4hANSU0Iaisz1OC3_1HTaU1RnC54EsyW2yMYjfa3myWdLPkXxUKThSt2A8ZiPSvc/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 bottom và right cho phù hợp với blog của bạn.