Tự động ẩn nhận xét - Hide Comment

Sẽ rất phiền phức với một bài viết mà có nhiều nhận xét, nếu muốn nhận xét mà không cần quan tâm đến các nhận xét trước đó bạn phải trỏ chuột qua một danh sách dài các nhận xét, gây cảm giác rất khó chịu. Để giải quyết vấn đề này xin giới thiệu với các bạn thủ thuật ẩn giấu các nhận xét đã có.

Khi sử dụng thủ thuật này, các Nhận xét được ẩn giấu

Click chọn để hiển thị Nhận xét trước đó.

Thủ thuật này được tham khảo từ mẫu Blogger: Magazine 4 column themes. Dưới đây là các bước thực hiện phattrien@so đã test thành công.

Chuẩn bị chỉnh sửa mẫu Blogger:

1. Đăng nhập vào Blogger.com
2. Vào Layout -> Edit HTML
3. Click chọn Expand Widget Templates

Chèn mã CSS

1. Tìm đoạn mã ]]></b:skin>

2. Dán trước ]]></b:skin> đoạn mã sau:

.commenthidden {display:none}
.commentshown {display:inline}

Chèn mã Script

1. Tìm đến mã </head>

2. Dán trước </head> đoạn mã sau:

<script type='text/Javascript'>
function togglecomments (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className=="commentshown") { whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; }
} </script>

Chỉnh sửa HTML

1. Tìm đến mã <dl id='comments-block'>

2. Dán trước <dl id='comments-block'> đoạn mã sau:

<a aiotitle='Hide Comments' href='javascript:togglecomments(&quot;hideshow&quot;)'>[+/-]Click to Show or Hide Old Comments</a>
<div class='commenthidden' id='hideshow'>

3. Cuộn trỏ chuột tìm xuống phía dưới đoạn mã

</b:loop>
</dl>

4. Dán ngay dưới mã vừa tìm đoạn mã sau:

<a aiotitle='Hide Comments' href='javascript:togglecomments(&quot;hideshow&quot;)'>[+/-]Click to Show or Hide Old Comments</a> </div>

Tuỳ chỉnh

Sau khi thực hiện xong các bước trên các bạn Lưu lại mẫu và kiểm tra lại thành quả mà mình vừa thực hiện.

Các bạn có thể tuỳ chỉnh đoạn mã màu đỏ cho phù hợp với mẫu Blog, tuỳ theo Ngôn ngữ mà lựa chọn cho phù hợp. Nếu là blog tiếng việt các bạn có thể tự tìm cho mình một câu thông báo hay và ý nghĩa, riêng phattrien@so sử dụng bằng Tiếng Anh cho tiện.

Chúc các bạn thành công.

Share on Facebook Share on Twitter Share on Google Plus

About Chinhnd

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.