Lời cảm ơn tới người vừa nhận xét


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 :-d

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
Bước 4: Thay thế đoạn mã (function() { trong template của bạn bằng đoạn mã dưới đây:

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 :-d
Bước 5: Thay thế đoạn mã var items = <data:post.commentJso/>; trong template của bạn bằng đoạn mã dưới đây:
var items = <data:post.commentJso/>;
items_copy=items;
Bước 6: Thêm đoạn mã dưới đây vào sau thẻ <data:post.commentHtml/> trong template của bạn.
<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 :d
16 Comments
Comments

16 comments

28/11/12
Thử xem nào :>) :>)
29/11/12
Thử phát ứng dụng mới nào :p
30/11/12
Thử cái coi nào
30/11/12
Blog nhiều cái hay đó, nhưng có vẻ hơi nặng đấy, tối ưu cho nó chạy nhanh và nhẹ hơn nha cậu
30/11/12
Cảm ơn bạn đã góp ý :)) nhưng mình nghĩ chạy chậm không phải vấn đề do blog nặng mà do tên miền của mình. Từ hôm qua lúc thay đổi IP nó bị như thế, vào lúc đầu chậm nhưng vào được rồi thì lại nhanh như bình thường :) :)
17/1/13
Trắc bác chỏ IP trực tiếp cho tên miền đúng hok, bác thử chỏ lại theo IP mặc định của Blogger zùi dùng Cloudflare add Nameserver trung gian sẽ nhanh hơn hẳn đó!
Gé qua nhận xét góp ý cho mình nhé!
http://www.gamepk.net/2013/01/khac-phuc-hien-tuong-khong-vao-uoc-blog.html
Thử cái coi nào !
(h)
Rất hữu ích rất hay !Thanks ! :))
Rất tiếc là comments đa cấp này của bác Tiến Nguyễn không có chức năng này (lol)
19/12/13
test thử
Không áp dụng nữa rồi :D
Bạn tạo blog khác test đi!
à mình hỏi xí, mình đang áp dụng style comment của Tiến Nguyễn, sau khi mình thêm tính năng chèn emoticons, chèn nhạc, chèn clip youtube.....
Thì bây giờ mình không thể reply được nữa :cry :cry :cry
url: khanh98.blogspot.com
Nếu sử dụng hệ thống comment của Tiến Nguyễn bạn không cần phải thêm những chức năng đấy nữa vì nó đã tích hợp sẵn hết rồi mà

Cảm ơn bạn đã ghé thăm Troll VL !
» Tạm thời ngăn không cho comment với chế độ ẩn danh vì có một số bạn không có thành ý cố tình spam. Mong các bạn thông cảm!
» Bạn nên viết bằng Tiếng Việt có dấu để mọi người dễ đọc, dễ bình luận
» Để liên hệ,góp ý và đóng góp bài viết bạn click vào đây
Sử dụng các thẻ sau cho comments
» Chèn nội dung vào blockquote <b rel="quote">Nội dung blockquote</b>
» Chèn nội dung vào note <em rel="note">Nội dung note</em>
» Chèn code vào khung pre <i rel="pre">Nội dung code</i>
» Chèn hình ảnh <i rel="image">Link hình ảnh</i>
» Chèn video từ youtube [youtube]link video[/youtube]
» Chèn link <i rel="anchor">Link</i>

Insert Emoticons
:cuoi
:hihi
:thank
:haha
:meu
:cry
:oaoa
1cuoi
:D
@@
:p
:o
:vi
:ko
:ca
:why
:xin
:lanh
:im
:aoi
:ado
:mda
:tat
0:khoa
a:ab
k:ac
q:ad
w:ae
e:af
l:ag
g:ah
8:ai
9:aj
9:ag
:9a
*Phải có khoảng trống trước các code mới hiển thị mặt cười


Mã Hóa Code Tạo và xem trước comments Cancel Reply
-->