Lời cảm ơn tới người vừa nhận xét
11/28/12
Mình có ghé qua blog của bác Duy Phạm và thấy thủ thuật Lời cảm ơn tới người vừa nhận xét rất hay nên copy về đây cho anh em cùng tham khảo

Một thủ thuật nữa cho Thread Comment, đây là thủ thuật sẽ hiển thị lời cảm ơn tới người vừa nhận xét trên blog của bạn. Đó là nhận xét của người đã đăng nhập tài khoản Blogger, và tất nhiên chỉ hiển thị cho mình người đó xem.
Bước 1: Vào blogger > Mẫu > Chỉnh sửa HTML (Nhớ tải template về trước khi thực hiện nhé!)
Bước 2: Mở rộng mẫu tiện ích
Bước 3: Thêm đoạn mã dưới đây vào trước thẻ ]]></b:skin> trong template của bạn.
.comments .thanks-comment{position:relative;margin:10px 0;padding-left:40px;font-style:italic;font-size:16px;quotes:"\201C""\201D""\2018""\2019"}
.comments .thanks-comment:before{content:open-quote;position:absolute;top:0;left:0;margin-top:15px;font-size:4em;color:#616161}
- 616161 là màu của biểu tượng quote và dòng chữ cảm ơn bạn thay thế cho phù hợp với blog của mình
var items_copy=[];
(function() {
- Lưu ý :Mình cũng chưa test trên các blog demo khác mà chỉ test ngay chính blog này nhưng thấy rằng đoạn code (function() { phải thay này có khá nhiều trong template hơn nữa khi thay thế mình đã bị mất các biểu tượng mặt cười trong khung comments và mình đã bỏ qua bước này mà thủ thuật vẫn hoạt động tốt
var items = <data:post.commentJso/>;Bước 6: Thêm đoạn mã dưới đây vào sau thẻ <data:post.commentHtml/> trong template của bạn.
items_copy=items;
<script type='text/javascript'>
//<![CDATA[
for(i=0;i<items_copy.length;i++){if(i==items_copy.length-1){d=document.getElementById('c'+items_copy[i].id).getElementsByTagName('p').item(0);e=d.innerHTML+'<div class="thanks-comment '+items_copy[i].deleteclass.replace(/ blog-admin/,'')+'">Cảm ơn bạn '+items_copy[i].author.name+' đã bình luận cho bài viết!</div>';d.innerHTML=e}}
//]]>
</script>
- Thay thế câu từ cho phù hợp với nội dung blog của bạn nhé!
Bước 7: Lưu lại template
Bạn hãy thử comment tại blog Troll VL đi khác biết thủ thuật này thú vị như thế nào 
Tin liên quan
XEM TRÊN MOBILE
No comments:
Post a Comment