Trang chủ \27.12.11

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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT3ZkIM5DmB0Uu3bvFWAJ2xA9owiEDf_BDHrFEbt9_sCRqZ0cBSWw0bkxTC-vJj94htA2MpztWFcJlCbYFmYBhHt9EcPPjGbWt7GYiUBPbA6o4pkcx_JVOYoQ0wCYq0Si8GwviucT4SZw/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.

Hướng dẫn thủ thuật Blogger, Blogspot

13

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 Xóa nhận xét
2

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

Reply Xóa nhận xét
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 Xóa nhận xét
4

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

Reply Xóa nhận xét
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 Xóa nhận xét
6

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

Reply Xóa nhận xét
7

Đâ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 Xóa nhận xét
8

anh ơi cho em nick yh của anh

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

Reply Xóa nhận xét
9

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

Reply Xóa nhận xét
10

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

Reply Xóa nhận xét
11

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

Reply Xóa nhận xét
12

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 Xóa nhận xét
13

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 Xóa nhận xét

Đăng nhận xét

Cancel