Plugin comment tool

Hệ thống comment mặc định của Blogger thì thật là nhàm chán vì nó chẳng hỗ trợ gì cả. Nhưng với plugin comment tool của tác giả Võ Quốc An thì hệ thống comment mặc định của Blogger sẽ được cải tiến hơn rất nhiều, vi dụ như chèn ảnh vào comment, chèn code vào comment, chèn emoticon, mã hóa code...

XEM DEMO

Để thấy plugin hiện ra thì các bạn cần di chuyển xuống phần bình luận trên blog.

#Nâng cấp hệ thống comment

Trước khi thực hiện thủ thuật này thì mình xin lưu ý rằng: Plugin này chỉ hoạt động đối với các hệ thống comment mặc định của Blogger - hệ thống comment chỉ phân hai cấp. Đối với các hệ thống comment phân đa cấp như mẫu này thi không được nhé. Để chắc chắn rằng plugin này hoạt động thì bạn hãy thực hiện các bước bên dưới
1. Đăng nhập Blogger
2. Mẫu > Chỉnh sửa HTML
3. Tìm tất cả thẻ này, thường thì có từ 1 tới 2 hai thẻ nhé

<b:include data='post' name='comments'/>

4. Thay thế tất cả thẻ bạn tìm được thành thẻ bên dưới

<b:include data='post' name='threaded_comments'/>

#Thêm Script

1. Tìm thẻ </head>

2. Dán code dưới vào trên thẻ mà bạn vừa tìm

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/> 
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#commenttool {position:fixed; bottom:10px; left:22%; width:30%; background:#eee; padding:5px; border:1px dashed #333;}
#commenttool-inner {display:none}
#opencmt {display:block; text-align:center;}
#commenttool-inner {position:relative}
.codeview {box-shadow:0 0 2px 1px #999 inset; padding:10px; max-height:200px; overflow:hidden}
img.commentimg {max-width:100%}
img#closecmt {position:absolute; top:-20px; right:-20px; width:30px; height:30px; cursor:pointer}
ul.commenttool {border-bottom:5px solid #333; margin:0; padding:0; font-size:14px}
ul.commenttool li {list-style:none}
ul.commenttool li a {float:left; padding:2px 10px; margin-left: 5px; text-decoration:none}
ul.commenttool li a.active, ul.commenttool li a:hover {background:#333; color:#fff}
.yahooimg a {display:block; width:32px; height:30px; float:left}
.yahooimg a img {padding:7px}
.abt2, .abt3, .selectall a {padding:2px 10px; margin:0 5px; display:inline-block; border:1px solid #999; border-radius:4px}
.abt2:hover, .abt3:hover, .selectall a:hover {box-shadow:0 0 2px 1px #ccc inset} 
</style> 
<script type='text/javascript'>
//<![CDATA[
var emostyle='05';
var noiquycomment='';
noiquycomment +='Nội quy comment nè <br/>';
noiquycomment +='Lưu ý: Nội dung ở đây không được viết xuống dòng <br/>';
noiquycomment +='Đây là nội dung dòng thứ nhất <br/>';
noiquycomment +='Đây là nội dung dòng thứ 2 <br/>';
noiquycomment +='Nếu cần thêm thì copy dòng này nhiều lên <br/>';
noiquycomment +='Nếu dòng nào không xài thì xóa bỏ đi <br/>';
noiquycomment +='Trong này có thể sử dụng link bình thường <a href="http://khanh98.blogspot.com">Khanh Blog</a> <br/>';
noiquycomment +='Trong này cũng có thể sử dụng ảnh bình thường <img style="width:100%" src="http://images.dmca.com/Badges/dmca_protected_sml_120l.png?ID=35b9c12b-dbf3-4e53-8759-2d5714e5bd17"/> <br/>';
//]]>
</script>
<script src='https://googledrive.com/host/0B5pJWufj7OveOEpMVXZOMUFCZzA' type='text/javascript'/>
</b:if>

3. Lưu ý:

• Đoạn Jquery màu cam nếu đã có trong blog của bạn thì hãy xóa nó đi
• Đoạn CSS màu đỏ quy định vị trí xuất hiện của Plugin
• Đoạn màu xanh khai báo bộ emoticon mà bạn sử dụng, thay 05 thành 01 hoặc 02 hoặc 03 hoặc 04 hoặc

Mẫu 1: tương ứng với emostyle='01';

 Mẫu 2: tương ứng với emostyle='02';

 Mẫu 3: tương ứng với emostyle='03';

Mẫu 4: tương ứng với emostyle='04';

Mẫu 5: tương ứng với emostyle='05';

#Thêm HTML

1, Tìm thẻ </body>

2. Dán code dưới vào trên thẻ mà bạn vừa tìm

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
document.write(showcommenttool);
</script>
<script src='https://googledrive.com/host/0B5pJWufj7OveRi1sa19jUlQtSEk' type='text/javascript'/>
</b:if>

3. Save lại