Thêm nội quy bình luận trước khung nhận xét tuyệt đẹp cho blogger

Nói đơn giản thì đây chỉ là một vài dòng text đặt trước khung bình luận của Blogspot 

thôi. Mình thêm CSS vào cho dễ nhìn và trông đẹp hơn. Mục đích giúp cho khách nắm rõ quy tắc, nội quy khi bình luận trên blog của bạn.

CÁCH THỰC HIỆN

Bước 1. Đăng nhập vào trang quản lý Theme của Blogger.
Bước 2. Tìm thẻ <div id='threaded-comment-form'>

Bước 3. Copy và chèn đoạn code này vào bên dưới thẻ đó.

 <div id='comment-rule'>
<style>
  #comment-rule{background:#e66262;color:white;text-align:center;margin:0 -10px 20px -10px;padding:20px 10px}
  #comment-rule h2{font: 300 24px Roboto; text-transform: uppercase; color: #ffe978; letter-spacing: .01em; margin: 0 0 10px 0;}
  #comment-rule p{margin:0;padding:0;font:300 18px Roboto;letter-spacing:-.25px;line-height:2}
  #comment-rule a{color:#fff;font-weight:500}
</style>
  <h2>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='/rule' 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ình luận một đoạn code, hãy <a href='/p/ma-hoa-code.html' target='_blank'>mã hóa code</a> trước nhé</p>
  </div>

Bước 4. Lưu mẫu.