Tạo khung Một số lưu ý khi bình luận giống Bác Sĩ Windows cho Blogspot

Tạo khung Một số lưu ý khi bình luận giống Bác Sĩ Windows cho Blogspot

Huỳnh Phụng Blogger đã đăng
Hiện có lượt xem và 81 bình luận
Hello xin chào tất cả các bạn, chào mừng các bạn đã trở lại với blog Bác Sĩ Windows.
Theo yêu cầu của nhiều bạn gửi đến Bác Sĩ Windows, yêu cầu mình chia sẻ code của khung MỘT SỐ LƯU Ý KHI BÌNH LUẬN nằm trước khung bình luận trong phần bài viết của Blogspot.
Thì bài viết này mình sẽ hướng dẫn các bạn làm khung lưu ý đó. Khá đơn giản để thực hiện, cùng theo dõi nhé.

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 đoạn code sau vào dưới thẻ đó.
<div id='comments_rule_bacsiwindows-v2'>
<style>
/*#comments_rule_bacsiwindows-v2:before{content:&#39;&#39;;position:absolute;bottom:-20px;left:0;border-top:20px solid #c15353;border-left:50px solid transparent;width:0;height:0;line-height:0}*/
#comments_rule_bacsiwindows-v2{background: #f4f4f4; color: #666; clear: both; text-align: left; margin: 0; padding: 15px 20px; position: relative; border-radius: 10px 10px 0 0; float: left; width: 100%; box-sizing: border-box;}
#comments_rule_bacsiwindows-v2 h2{font:500 16px Roboto;letter-spacing:.5px;text-transform:uppercase;color:#66689c;margin:0 0 5px 0}
#comments_rule_bacsiwindows-v2 p{margin:0;padding:0;font:400 16px Roboto;line-height:1.75}
#comments_rule_bacsiwindows-v2 p:before{content:&quot;\f105&quot;;margin:0 10px 0 0;font-family:fontawesome}
#comments_rule_bacsiwindows-v2 a{font-weight:500;font-size:16px}
#comments_rule_bacsiwindows-v2 a:hover {text-decoration:underline}
  .comment-footer{float:left}
</style>
<h2><i aria-hidden='true' class='fa fa-exclamation-circle' style='margin:0 10px 0 0'/>Một số lưu ý khi bình loạ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ạn có thể dùng <a href='/2017/11/mot-so-anh-dong-hai-huoc-cho-anh-em-thoai-mai-binh-loan.html' target='blank'>ảnh động</a> hoặc <a href='/p/ma-hoa-html.html' target='_blank'>mã hóa code HTML</a> để bình luận.</p>
</div>
Bước 4. Lưu mẫu... và enjoyy!

Tổng kết

Với một đoạn CSS kèm HTML đơn giản chèn trước khung bình luận, bạn đã có cho mình một Khung nội quy hoặc lưu ý khi bình luận tuyệt đẹp. Ngoài ra bạn có thể sử dụng code này vào mục đích khác như: khung thông báo, khung lưu ý trong bài viết,...
Tác giả: Huỳnh Phụng Blogger
Ngày đăng: Chủ Nhật, 11 tháng 3, 2018 lúc
Tổng số bình luận: 81
VỀ TÁC GIẢ
Những dịch vụ mà chúng tôi đáp ứng: sửa lỗi / tối ưu website / blogspot, thiết kế website / blogspot theo yêu cầu, convert PSD to HTML, tối ưu SEO, Google Insights,..v..v...!

HIỆN CÓ 81 BÌNH LUẬN
Xếp theo
  1. Trả lời
    1. Viết bài thủ thuật thì nhanh thôi mà, bài tâm sự tản mạn mới hiếm ra :))

      Xóa
  2. Hóng a làm bài tạo diễn đàn như xưa a dùng

    Trả lờiXóa
  3. Cho em hỏi làm sao để xóa cái css này thế anh, cái đó hồi cũng có ở bsw cũ đó mà anh xóa mất rồi. Anh có sao lưu lại bài viết đó thì cho em xin
    https://i.imgur.com/xTLRj2D.png

    Trả lờiXóa
    Trả lời
    1. đây em https://blogttcn.blogspot.com/2017/05/tuy-bien-bai-dang-pho-bien-tuyet-dep-cho-blogspot-bang-css.html

      Xóa
    2. Tìm và xoá các [tag]#PopularPost[/tag] thôi em.

      Xóa
  4. Hôm nay có xổ số rồi ae ơi :v

    Trả lờiXóa
  5. Cho em xin 1 vé lk nhé anh Trường dz!
    Đã đặt cho anh
    Link: http://www.starsonit.xyz/
    Tên hiển thị: Star Sơn IT
    (chưa có tiền nên sắm tạm .xyz, tết em đổi .com nh anh!)

    Trả lờiXóa
  6. Tìm mãi mà có thấy cái div id='threaded-comment-form' đâu

    Trả lờiXóa
    Trả lời
    1. Không thấy thì tìm [tag]<data:blogTeamBlogMessage/>[/tag] rồi chèn code lên phía trên đoạn code đó nhé.
      Lưu ý: trong template có rất nhiều đoạn đó, chèn lần lượt vào trước từng đoạn cho đến khi hiện.

      Xóa
  7. Dạo này ra nhiều bài thế, hôm trc fb lỗi thấy tung phát 2,3 bài luôn. Ủa mà t k thấy GA đâu nữa rồi, ông gỡ rồi à?

    Trả lờiXóa
    Trả lời
    1. Bài copy post lẹ lắm. GA bán rồi ông.

      Xóa
    2. Ủa, để xài sau thu nhập cũng ngon mà ông.

      Xóa
    3. Lười nuôi lắm ông, với cũng không thích đặt quảng cáo :D

      Xóa
    4. Ừ thôi cũng đc, cho thêm ads thì load chậm hơn tầm 0.5s gì đó, come back phi lợi nhuận cùng t thôi :D

      Xóa
    5. Ý em là bán GA bao nhiêu ấy

      Xóa
  8. Blog mình mất cái khung Comment, không biết làm thế nào nó hiện lại. huhu

    Trả lờiXóa
    Trả lời
    1. vanphongit.com
      Cảm ơn trước nhé

      Xóa
    2. Theme bạn đang sử dụng bị xóa hết code của phần comment rồi, đổi theme khác nhé không sửa được.

      Xóa
    3. à là vậy, vất vả kiếm được 1 theme mà giờ không dùng đc, tiết quá bạn à.

      Xóa
    4. Nếu bạn có chút kiến thức về web, bạn có thể copy code bình luận của 1 theme khác rồi chèn qua theme cũ. Cái này hơi khó đấy, không biết làm sẽ hỏng cả theme.

      Xóa
    5. Chắc bỏ vậy, mình không biết nhiều nên khó, chỉ cần một theme có font chữ dể đọc, load tốt chút, hì tìm các khác vậy.

      Xóa
    6. Chà mất cả đêm mới dò ra từng code, mỏi mắt rồi, cảm ơn gợi ý để có động lực sửa.

      Xóa
  9. quên check mục thông báo để nhận tin từ BSWD.

    Trả lờiXóa
    Trả lời
    1. Bấm Thông báo cho tôi bên dưới để nhận thông báo khi admin trả lời nhé bạn.

      Xóa
  10. của em còn k có thẻ <div id='threaded-comment-form'> luôn

    Trả lờiXóa
    Trả lời
    1. Không thấy thì tìm [tag]<data:blogTeamBlogMessage/>[/tag] rồi chèn code lên phía trên đoạn code đó nhé.
      Lưu ý: trong template có rất nhiều đoạn đó, chèn lần lượt vào trước từng đoạn cho đến khi hiện.

      Xóa
  11. Nhận xét này đã bị quản trị viên blog xóa.

    Trả lờiXóa
  12. Nhận xét này đã bị quản trị viên blog xóa.

    Trả lờiXóa
  13. Nhận xét này đã bị quản trị viên blog xóa.

    Trả lờiXóa
  14. Bác Sĩ Windows làm event tặng template của Bác đi

    Trả lờiXóa
  15. Nhận xét này đã bị quản trị viên blog xóa.

    Trả lờiXóa
  16. - Hello :v mother fucker
    https://media.tenor.co/images/1095600804c7b10415ae65df35bbf566/tenor.gif

    Trả lờiXóa
    Trả lời
    1. Đệt :v
      https://media.tenor.co/images/58da3874fbf792c6682bdbb577052e9d/tenor.gif

      Xóa
    2. - Khen du sờ đít ing lịt ?
      https://33.media.tumblr.com/e57b1b2ca747e836a8eef167cd6c068d/tumblr_nxrz19fyAx1ue9j4wo1_500.gif

      Xóa
    3. Nô nô nồ ai can nót sờ đuýt éng lịt. Lét say việt nam eyyy
      https://media.tenor.co/images/a5dfa570b5a10f6bd837a473243d5e5b/tenor.gif

      Xóa
    4. - Nâu nâu :v i đông sờ đuýt việt nam mi :v sờ đuýt ing lịt pờ li
      https://dantricdn.com/2017/anh-dong-hai-huoc-1-1511721153948.gif

      Xóa
  17. Bạn Trường viết bài tạo cái lever bình luận đa cấp như của bạn đi, thấy đẹp và dể sử dụng.

    Trả lờiXóa
  18. Sao a kh seo với tên BSW nửa nhỉ cho dễ tìm

    Trả lờiXóa
  19. Sao mình làm không được http://xemgi.tk

    Trả lờiXóa
    Trả lời
    1. Chẳng phải đã làm được rồi sao, hay là spam link?

      Xóa