Cách thu gọn comment quá dài (blogspot).

Cách thu gọn comment quá dài (blogspot).

Comment blogger thường không quá dài nên ít bạn cần dùng tới tính năng này. Tuy vậy với những comment dài quá thì việc áp dụng script này làm cho blog của bạn gọn gàng hơn. Mình đang có ý định tạo trang post bài bằng blogger comment nên thấy script này hay tiện share cho mọi người luôn :

Đầu tiên mời bạn Xem Demo :

Demo 

Trong hướng dẫn này tôi sẽ hướng dẫn bạn sử dụng tính năng này và thêm vào blog của bạn.

Bước 1:

Nhấn Ctrl + F để tìm ]]></b:skin>

Sau đó thêm trước đó :

a.morelink {
text-decoration:none;
outline: none;
}
.morecontent span {
display: none;
}

Bước 2 :

Nhấn Ctrl + F để tìm </body>

Bước 3 :

Thêm ngay trước đó code sau :

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
var showChar = 100; // chỉnh số ký tự tối đa được hiển thị var ellipsestext = "[...]";
var moretext = "Xem thêm";
var lesstext = "Xem ít";
$('.comment-content').each(function() {
var content = $(this).html();
if(content.length > showChar) {
var c = content.substr(0, showChar);
var h = content.substr(showChar-1, content.length - showChar);
var html = c + '<span class="moreelipses">'+ellipsestext+'</span>&nbsp;<span class="morecontent"><span>' + h + '</span>&nbsp;&nbsp;<a href="" class="morelink">'+moretext+'</a></span>';
$(this).html(html);
}
});
$(".morelink").click(function(){
if($(this).hasClass("less")) {
$(this).removeClass("less");
$(this).html(moretext);
} else {
$(this).addClass("less");
$(this).html(lesstext);
}
$(this).parent().prev().toggle();
$(this).prev().toggle();
return false;
});
});
//]]>
</script>

Ok. Vậy là đã xong. Kiểm tra xem comment dài quá đã được thu gọn lại chưa. 

(Minh Anh). Chúc bạn thực hiện thành công các thao tác trong hướng dẫn này. 

Vui lòng ghi rõ nguồn Erhay khi bạn đăng lại thông tin từ trang này.