Tạo khung Một số lưu ý khi bình luận giống Bác Sĩ Windows cho Blogspot
/ lúc / 77 bình luận
Tham gia nhóm BSW Community để cùng trao đổi, học hỏi và nhận nhiều bài viết hay, hữu ích nhé!
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,...

BÌNH LUẬN VỀ BÀI VIẾT (77)

avatar
Nguyễn Văn Vỹ

Cmt đầu :v

TRẢ LỜI
avatar
Star Quốc

Cướp cmt 2 :v

TRẢ LỜI
avatar
Việt Hưng

Mega menu đi anh

TRẢ LỜI
avatar
Trường Nguyễn

Mega menu anh không có responsive nên không biết có ai thích không

TRẢ LỜI
avatar
Trường Nguyễn

=_= nhanh

TRẢ LỜI
avatar
Star Nguyễn IT

Cướp cmt 4 :V

TRẢ LỜI
avatar
Trường Nguyễn

đã xem =_=

TRẢ LỜI
avatar
Trường Nguyễn

được rồi, #ngưngcướp

TRẢ LỜI
avatar
Huỳnh Hoài Bảo

Dạo này chăm ra bài ghê quá

TRẢ LỜI
avatar
Việt Hưng

Chắc có ! Không sao đâu

TRẢ LỜI
avatar
z0mbie win

ú òa

TRẢ LỜI
avatar
Trường Nguyễn

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 :))

TRẢ LỜI
avatar
Trường Nguyễn

Vậy để mai xem lại rồi viết

TRẢ LỜI
avatar
Star Cường IT ­

Cái này up rồi mà ta ?

TRẢ LỜI
avatar
Trường Nguyễn

Up rồi đâu !?

TRẢ LỜI
avatar
Huy Rocket

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

TRẢ LỜI
avatar
Tính Getter

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ỜI
avatar
Nguyễn Lương Duy

ib mail or fb xóa cho

TRẢ LỜI
avatar
Niệm Style Blog

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

TRẢ LỜI
avatar
Star Sơn IT

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ỜI
avatar
Hưng Star - IT

đây em https://blogttcn.blogspot.com/2017/05/tuy-bien-bai-dang-pho-bien-tuyet-dep-cho-blogspot-bang-css.html

TRẢ LỜI
avatar
Trường Nguyễn

http://www.bacsiwindows.com/hop-tac

TRẢ LỜI
avatar
Trường Nguyễn

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

TRẢ LỜI
avatar
Nguyễn Thúy Hằng

Up ở blog cũ thì phải.

TRẢ LỜI
avatar
Chuẩn bị kì thi THPTQG

Tìm mãi mà có thấy cái div id='threaded-comment-form' đâu

TRẢ LỜI
avatar
Trường Nguyễn

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.

TRẢ LỜI
avatar
Phú Cường Blogger

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ỜI
avatar
Trường Nguyễn

Bài copy post lẹ lắm. GA bán rồi ông.

TRẢ LỜI
avatar
Huy Rocket

Nặng không nhỉ anh

TRẢ LỜI
avatar
Trường Nguyễn

Không em

TRẢ LỜI
avatar
Phú Cường Blogger

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

TRẢ LỜI
avatar
Trường Nguyễn

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

TRẢ LỜI
avatar
Phú Cường Blogger

Ừ 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

TRẢ LỜI
avatar
NGUYEN VAN SAU

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ỜI
avatar
Nguyễn Lương Duy

Bán bao nhiêu vậy a

TRẢ LỜI
avatar
NGUYEN VAN SAU

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

TRẢ LỜI
avatar
Trường Nguyễn

Để link blog mình xem.

TRẢ LỜI
avatar
Trường Nguyễn

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.

TRẢ LỜI
avatar
Trường Nguyễn

100k/theme nhé em.

TRẢ LỜI
avatar
NGUYEN VAN SAU

vanphongit.com
Cảm ơn trước nhé

TRẢ LỜI
avatar
Trường Nguyễn

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.

TRẢ LỜI
avatar
NGUYEN VAN SAU

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

TRẢ LỜI
avatar
Nguyễn Lương Duy

Ý em là bán GA bao nhiêu ấy

TRẢ LỜI
avatar
Trường Nguyễn

1 triệu

TRẢ LỜI
avatar
Trường Nguyễn

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.

TRẢ LỜI
avatar
NGUYEN VAN SAU

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.

TRẢ LỜI
avatar
NGUYEN VAN SAU

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.

TRẢ LỜI
avatar
Trường Nguyễn

Ok chúc bạn thành công.

TRẢ LỜI
avatar
Ngô Văn Tuấn

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

TRẢ LỜI
avatar
Shin Blog Star
Bình luận này đã bị quản trị viên xóa. Vui lòng đọc lại nội quy bình luận.
TRẢ LỜI
avatar
Shin Blog Star
Bình luận này đã bị quản trị viên xóa. Vui lòng đọc lại nội quy bình luận.
TRẢ LỜI
avatar
Shin Blog Star
Bình luận này đã bị quản trị viên xóa. Vui lòng đọc lại nội quy bình luận.
TRẢ LỜI
avatar
Shin Blog Star

Bác Sĩ Windows làm event tặng template của Bác đi

TRẢ LỜI
avatar
Trường Nguyễn

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.

TRẢ LỜI
avatar
Lý Văn Bảo

Hay ^^

TRẢ LỜI
avatar
Nguyễn Đức Nam
Bình luận này đã bị quản trị viên xóa. Vui lòng đọc lại nội quy bình luận.
TRẢ LỜI
avatar
Star Cường IT ­

Hình như có điều gì muốn nói :v

TRẢ LỜI
avatar
Trường Nguyễn

Spam link thôi chứ có gì đâu ?

TRẢ LỜI
avatar
Star Cường IT ­

Có phải là link share temp không ?

TRẢ LỜI
avatar
Trường Nguyễn

Không, link blog mới tạo mời mọi người qua xem.

TRẢ LỜI
avatar
Còi Offical

- Hello :v mother fucker
https://media.tenor.co/images/1095600804c7b10415ae65df35bbf566/tenor.gif

TRẢ LỜI
avatar
Trường Nguyễn

Đệt :v
https://media.tenor.co/images/58da3874fbf792c6682bdbb577052e9d/tenor.gif

TRẢ LỜI
avatar
Còi Offical

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

TRẢ LỜI
avatar
Trường Nguyễn

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

TRẢ LỜI
avatar
Còi Offical

- 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

TRẢ LỜI
avatar
Trường Nguyễn

Phắc diu nhé :v

TRẢ LỜI
avatar
Còi Offical

- Ôkê :v gút nai you

TRẢ LỜI
avatar
NGUYEN VAN SAU

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ỜI
avatar
Trường Nguyễn

Ok pạn.

TRẢ LỜI
avatar
Huy Rocket

Sao a kh seo với tên BSW nửa nhỉ cho dễ tìm

TRẢ LỜI
avatar
Trường Nguyễn

Có mà em.

TRẢ LỜI
avatar
Huy Rocket

Em chỉ thấy BSW Blogger à :)

TRẢ LỜI
avatar
Trường Nguyễn

Tìm trên google không có hà e?

TRẢ LỜI
avatar
Huy Rocket

Không thấy a

TRẢ LỜI
avatar
Huy Rocket

Nhanh thật :v

TRẢ LỜI
avatar
Trường Nguyễn

Anh SEO “bacsiwindows” với “bac si windows” thôi à em.

TRẢ LỜI

THAM GIA TRANH TOP BÌNH LUẬN NGAY!

Một số lưu ý khi bình luận

Mọi bình luận sai nội quy sẽ bị xóa mà không cần báo trước (xem nội quy).

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

Bạn có thể dùng ảnh động hoặc mã hóa code HTML để bình luận.