Đâ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 đó.
☼ Cách tiến hành:
1- Đăng nhập (login) vào Blog2- Vào Bảng điều khiển (Dashboard)
3- Chọn Mẫu
4- Click chọn Chỉnh sửa HTML (Edit HTML).
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}
Trong đó: 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.
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 != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <script type='text/javascript'> //<![CDATA[ no_avatar='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHXM3rThbPtZGI2iRfs0fU7INLjW3gahf7hyzE3Bo2CREf3jOA6-C5Jvio6Ej3qkkAjU2dj6UNoutREbNb3ovS_igFwc9jhSEqYxjSZsaH7ql-CUD_p1EGkKAGF_LJ4rUGJeeXIfw3IaI/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 != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:post.numComments != 0'> <script type='text/javascript' expr:src='"/feeds/" + data:post.id + "/comments/default?alt=json-in-script&max-results=1&callback=rc_post"'/> </b:if> </b:if> </b:if>
Theo: Duypham.info
Nhận xét
Có cách nào hiển thị luôn đoạn trích của cmt đó không nhỉ? :(
Trả lờiXóaDốt js nên chả hiểu gì trơn :(
Bạn xem bài này: XEM NGAY
XóaCám ơn bạn, nhưng ý mình là thủ thuật trên ngoài cái ava với permalink thì có thể sửa, thêm vào đoạn trích giống các widget recent comment khác không ấy :(
XóaCám ơn bạn. Tiện cho mình hỏi mình muốn chèn đánh giá cho từng bài viết vào blog của mình thì làm thế nào? Blog của mình có cài thử rating widget nhưng khi đánh giá cho 1 bài thì các bài khác cũng đồng thời được đánh giá. Khá khó chịu :( Blog : Sách Mobile
Trả lờiXóaBạn muốn đánh giá cho một bài virts thì có thể dùng cách 1 bài nayhf nhưng chèn thẳng vào HTML bài viết. XEM
Xóa