Tạo khung Một số lưu ý khi bình luận giống Bác Sĩ Windows cho Blogspot
/ lúc / 81 bình luận
Ra mắt BSW Community - trang đăng bài tự do dành cho bạn, thoải mái trao đổi, đặt câu hỏi, thắc mắc, viết bài viết mới hay thậm chí rao vặt, buôn bán. Click trải nghiệm ngay!
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,...

81 nhận xét:

Nguyễn Văn Vỹ nói...

Cmt đầu :v

Star Quốc nói...

Cướp cmt 2 :v

Việt Hưng nói...

Mega menu đi anh

Trường Nguyễn nói...

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

Trường Nguyễn nói...

=_= nhanh

Star Nguyễn IT nói...

Cướp cmt 4 :V

Trường Nguyễn nói...

đã xem =_=

Trường Nguyễn nói...

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

Huỳnh Hoài Bảo nói...

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

Việt Hưng nói...

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

z0mbie win nói...

ú òa

Trường Nguyễn nói...

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ường Nguyễn nói...

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

Star Cường IT ­ nói...

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

Trường Nguyễn nói...

Up rồi đâu !?

Huy Rocket nói...

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

Tính Getter nói...

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

Nguyễn Lương Duy nói...

ib mail or fb xóa cho

Niệm Style Blog nói...

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

Star Sơn IT nói...

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

Hưng Star - IT nói...

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

Trường Nguyễn nói...

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

Trường Nguyễn nói...

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

Nguyễn Thúy Hằng nói...

Up ở blog cũ thì phải.

Chuẩn bị kì thi THPTQG nói...

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

Trường Nguyễn nói...

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.

Phú Cường Blogger nói...

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ường Nguyễn nói...

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

Huy Rocket nói...

Nặng không nhỉ anh

Trường Nguyễn nói...

Không em

Phú Cường Blogger nói...

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

Trường Nguyễn nói...

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

Phú Cường Blogger nói...

Ừ 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

NGUYEN VAN SAU nói...

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

Nguyễn Lương Duy nói...

Bán bao nhiêu vậy a

NGUYEN VAN SAU nói...

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

Trường Nguyễn nói...

Để link blog mình xem.

Trường Nguyễn nói...

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ường Nguyễn nói...

100k/theme nhé em.

NGUYEN VAN SAU nói...

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

Trường Nguyễn nói...

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.

NGUYEN VAN SAU nói...

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

Nguyễn Lương Duy nói...

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

Trường Nguyễn nói...

1 triệu

Trường Nguyễn nói...

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.

NGUYEN VAN SAU nói...

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.

NGUYEN VAN SAU nói...

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ường Nguyễn nói...

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

Ngô Văn Tuấn nói...

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

Shin Blog Star nói...

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

Shin Blog Star nói...

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

Shin Blog Star nói...

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

Shin Blog Star nói...

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

z0mbie win nói...

hay a

Trường Nguyễn nói...

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.

Lý Văn Bảo nói...

Hay ^^

Nguyễn Đức Nam nói...

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

Star Cường IT ­ nói...

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

Trường Nguyễn nói...

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

Star Cường IT ­ nói...

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

Trường Nguyễn nói...

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

Còi Offical nói...

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

Trường Nguyễn nói...

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

Còi Offical nói...

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

Trường Nguyễn nói...

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

Còi Offical nói...

- 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ường Nguyễn nói...

Phắc diu nhé :v

Còi Offical nói...

- Ôkê :v gút nai you

NGUYEN VAN SAU nói...

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ường Nguyễn nói...

Ok pạn.

Huy Rocket nói...

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

Trường Nguyễn nói...

Có mà em.

Huy Rocket nói...

Em chỉ thấy BSW Blogger à :)

Trường Nguyễn nói...

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

Huy Rocket nói...

Không thấy a

Huy Rocket nói...

Nhanh thật :v

Trường Nguyễn nói...

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

Huy Rocket nói...

Sáng ấm nha a Trường

Trường Nguyễn nói...

tét

XemGi.Tk nói...

Sao mình làm không được http://xemgi.tk

Trường Nguyễn nói...

Chẳng phải đã làm được rồi sao, hay là spam link?

Đăng nhận xét