Text box HTML, khung mẫu cho bài viết

Dưới đây là một số mẫu text box template (đóng khung văn bản trong HTML) để anh em chèn vào bài viết cho nó nhí nhảnh tí :v Các mẫu mình tham khảo từ nhiều website trong và ngoài nước, thấy ưng cái bụng là hốt về để dành chơi :v

1. Khung ghi chú và thông báo trên Canhme.com

Đây là mẫu mình khá là thích khi truy cập canh me – blog thông tin, khuyến mại về các dịch vụ hosting, domain rất lớn tại Việt Nam hiện nay.

Demo:

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Để sử dụng các bạn copy đoạn code dưới đây vào trình soạn thảo ở chế độ Text. Nhớ dán trong chế độ soạn thảo HTML nhé :v

Code:

Một mẫu khác cũng của Canhme.com, cái này màu hường cho thông báo đồ là hợp nè :v

Demo:

AAAAAAAAAAAAAAAAAAAAAA

Khung lưu ý mới của Canhme.com

Demo:

Lưu ý:

  • Mỗi khách hàng chỉ được sử dụng mỗi coupon 1 lần duy nhất.
  • Tối đa mỗi khuyến mại tên miền có thể đăng ký 20 domain/account/giao dịch.
  • Khuyến mại kết thúc vào 11h59 ngày 3/12/2019 theo giờ Việt Nam.

Code:

2. Khung quy định bình luận trên ocuaso.com

Bạn nào thích qua bên ocuaso mà coi nhé, kéo xuống dưới khung comment sẽ thấy. Hôm nay mình vào và thấy khá thích.

Demo:

 Lưu ý:
» Địa chỉ email của bạn được bảo mật.
» Mục không có dấu sao (*) là không bắt buộc.
» Bình luận bằng tiếng Việt có dấu nếu có thể.

3. Mẫu hiện tại đang dùng cho ghi chú trên Hocban.vn

Cái này mình tùy biến từ plugin Shortcodes Ultimate, cũng có một số mẫu khác nữa, tạm thời show cái này ra trước :v

Demo:

Lưu ý là cái này không phải nói các anh em học bên web thì không cần học nhiều cũng làm được web, ở đây là đang so sánh về ưu điểm của việc sử dụng CMS cho dân không chuyên với việc phải bỏ thời gian dài đi học để làm được một sản phẩm tương tự.

Code:

4. Blockquote đang sử dụng trên square.com

Demo:

Note: The Code Block has a 400 KB limit, which is around 300,000 characters.

Đây là code để các bạn dán vào bài viết, page, widget,..hay vị trí nào đó trên website mà bạn muốn:

 

5. Text box từ WP Căn Bản

Demo:

Như vậy là chúng ta vừa thực hiện xong việc cài WordPress Trên Hostinger với tên miền tk rồi đấy. Nhìn chung quy trình cài đặt chỉ khác ở đoạn đầu thôi, còn lại các bạn cứ thực hiện tương tự như trên localhost. Bài 35 này cũng đã khép lại Series WordPress Cơ Bản. Trong tương lai có thể mình sẽ hướng dẫn thêm các bài cài đặt nhanh WordPress mà không cần đăng ký tên miền, cài trên các Hosting miễn phí khác nhé.

Đây là code để anh em dán vào, nhớ thay thế đoạn văn bản của mình bằng văn bản mà anh em muốn nhé !

Code:

6. Text box từ Bác Sĩ Windows

Demo:

Như vậy là chúng ta vừa thực hiện xong việc cài WordPress Trên Hostinger với tên miền tk rồi đấy. Nhìn chung quy trình cài đặt chỉ khác ở đoạn đầu thôi, còn lại các bạn cứ thực hiện tương tự như trên localhost. Bài 35 này cũng đã khép lại Series WordPress Cơ Bản. Trong tương lai có thể mình sẽ hướng dẫn thêm các bài cài đặt nhanh WordPress mà không cần đăng ký tên miền, cài trên các Hosting miễn phí khác nhé.

Code:

7. Khung lưu ý của Google Help

Demo:

Viết một bình luận