Hướng dẫn tạo khung nội quy bình luận trên blogspot

Khung nội quy bình luận trên blogspot

Hello các bạn cuối tuần chúng ta lại gặp nhau trong chuyên mục bài viết thủ thuật blogger. Trong bài viết hôm nay tôi sẽ hướng dẫn các bạn tạo hộp thông báo nằm dưới khung bình luận blogspot rất đơn giản. Với cách tùy chỉnh code này các bạn có thể tùy biến nội dung rất đơn giản như hình bên dưới.

Khung nội quy bình luận trên blogspot

CÁC BƯỚC THỰC HIỆN

Bước 1: Đăng nhập trang chỉnh sửa HTML.

Bước 2: Tìm thẻ <div id='threaded-comment-form'>

Bước 3: Dán toàn bộ đoạn code bên dưới vào phía sau thẻ "threaded-comment-form"

 <div id='comments_rule_it269'>

<style>

#comments_rule_it269{background: #f4f4f4; color: #666; clear: both; text-align: left; margin-top: 10px; padding: 15px 20px; position: relative; border-radius: 8px;  width: 100%; box-sizing: border-box;}

#comments_rule_it269 h2{font:500 16px Roboto;letter-spacing:.5px;text-transform:uppercase;color:#66689c;margin:0 0 5px 0}

#comments_rule_it269 p{margin:0;padding:0;font:400 15px Roboto;line-height:1.75}

#comments_rule_it269 p:before{content:&quot;\f105&quot;;margin:0 10px 0 0;font-family:fontawesome}

#comments_rule_it269 a{font-weight:500;font-size:16px}

#comments_rule_it269 a:hover {text-decoration:underline}

.comment-footer{float:left}

</style>

<h2><i aria-hidden='true' class='fa fa-bullhorn' style='margin:0 10px 0 0'/>Một số lưu ý khi bình luận</h2>

<p>Mọi bình luận sai nội quy sẽ bị xóa mà không cần báo trước (xem <a href='/p/rule.html' target='_blank'>nội quy</a>).</p>

<p>Bấm <b>Thông báo cho tôi</b> bên dưới khung bình luận để nhận thông báo khi admin trả lời.</p>

<p>Bạn có thể dùng <a href='https://www.compromath.com/p/html-to-xml-parser-tool.html' target='blank'>ảnh động</a> hoặc <a href='https://www.compromath.com/p/html-to-xml-parser-tool.html' target='_blank'>mã hóa code HTML</a> để bình luận.</p>

</div>

Bước 4: Chỉnh sửa một số nội dung sao cho phù hợp với blog của bạn là xong