Tùy chỉnh khung comment blogspot có thanh cuộn

1. Tùy chỉnh chiều rộng khung comment Blogspot.
Việc tùy chỉnh độ rộng khung comment blogspot đã được rất nhiều bạn chia sẻ trên mạng, ở đây share123.vn chỉ đăng bài với giá trị lưu trữ khi cần dùng là chủ yếu, nếu bạn nào chưa biết cách thì có thể tham khảo thêm. Việc điều chỉnh lại chiều rộng của comment blogspot sẽ giúp cho blog của bạn đẹp hơn khi xóa được những khoảng trắng không cần thiết do bạn để chiều rộng bài viết rộng hơn khung comment, điều này đặc biệt hữu ích với những blog, website tin tức hay dạng site tin tức.

Hình Minh họa

Đầu tiên Đăng nhập Blogspot => Mẫu => Chỉnh sửa HTML =>Ctrl + F (trong khung chứa code) => tìm đoạn code sau:
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>

Ở đây các bạn muốn chỉnh như thế nào là tùy ý các bạn, width là chiều rộng của khung comment blogspot, bạn có thể thay thành một trị số bất kỳ, ví dụ width='600' và height='200'.

2. Tùy chỉnh chiều dài giới hạn cho khung comment Blogspot.

Ảnh Minh họa

Bình thường share123.vn chỉ thấy các bạn giới thiệu điều chỉnh chiều rộng blogspot như ở trên mà không thấy bạn nào hướng dẫn chỉnh chiều dài giới hạn cho khung comment blogspot.( Các bạn có thể xem Demo ), nên hôm nay share123.vn sẽ hướng dẫn các bạn cách điều chỉnh giới hạn độ dài của của comment, việc không có giới hạn chiều dài các comment đôi khi sẽ rất bất tiện vì pải kéo xuống phía dưới cùng mới có thể bình luận, comment, và có thể còn gây load chậm blog.
Cũng thực hiện các bước như phần trên nhưng ở đây các bạn tìm đoạn code sau:
.comments .comments-content .comment-thread ol { list-style-type:none; padding:0; text-align:none;
và thêm max-height:500px; overflow:auto; vào trong nó, ví dụ nó sẽ thành như sau:
.comments .comments-content .comment-thread ol { list-style-type:none; padding:0; text-align:none;max-height:500px; overflow:auto;}Ở đây mình để chiều dài tối đa là 500px, khi nào comment dài quá 500px thì sẽ tự động có thanh cuộn xuất hiện.

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

Nguồn: Share123.vn

 

Xem Thêm :