Tùy chỉnh khung comment blogspot có thanh cuộn by rivgame.xyz

  1. Tùy chỉnh chiều rộng khung comment Blogspot ( khung bình luận ).

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 rivgame.xyz 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:
<h1 id='comment-post-message'><data:postCommentMsg/></h1>
<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='390' id='comment-editor' name='comment-editor' src='' width='80%'/>

Ở đâ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='500' và height='200'. 

Nếu Tìm Không Thấy, Bạn Không Cần Làm Bước Này Nữa nhé. Hãy Xuống Bước 2

2. Tùy chỉnh chiều dài giới hạn cho khung comment Blogspot ( khung bình luận ). 

Ảnh minh họa

Bình thường rivgame.xyz 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 rivgame.xyz 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:400px; 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:400px; overflow:auto;}Ở đây mình để chiều dài tối đa là 400px, khi nào comment dài quá 400px thì sẽ tự động có thanh cuộn xuất hiện.

-> Copy đoạn mã trên và dán trước thẻ ]]></b:skin>

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

Nguồn: Rivgame.xyz