Hộp chứa code là những đoạn code anh em hay chia sẻ lên các bài viết để cho người dùng copy những đoạn code đó, những nếu chỉ đăng lên và chia sẻ đoạn code vào nội dung bài viết thì nó chỉ giống như nội dung trong bài viết thôi, nhìn quá đơn điệu gây khó nhìn cho người dùng vì vậy ta dùng code box đề đóng hộp cho người dùng biết những đoạn nào cần chú ý cần copy, mình sẽ để ví dụ cho đoạn nội dung này vào hộp chứa để làm ví dụ luôn bạn sẽ thấy nội dung của nó được đóng hộp và có thể copy còn những nội dung khác thì không thể copy làm sao có thể được như vậy thì bài sau mình sẽ hướng dẫn nhé.
Hôm trước mình có chia sẻ cho anh em cách tạo Button trong bài viết chỉ bằng công cụ có sẵn trong phần soạn thảo blogspot, tiện mình chia sẽ luôn cách tạo hộp chứa code bằng Blockquote có sẵn trong công cụ viết bài, như vậy mỗi lần chia sẽ code hay những nội dung cần được chú ý bạn không cần dùng mã HTML để thêm hộp code box một cách rườm rà nữa bạn chỉ cần đóng họp nội dung đó bằng cách bôi đen phần nội dung và ấn vào trích dẫn văn bản là chúng sẽ biến thành hộp chứa nội dung rất tiện lợi.
Cách này cực đơn giản bạn chỉ cần vào chỉnh sửa temp tìm đoạn CSS blockquote và thay thế nó bằng đoạn code sau, bạn có thể tuỳ chỉnh màu sắc kích thước theo ý muốn.
blockquote {background: #eee;border-radius: 10px;border: 1px solid #efbcbc;color: #47474a;font-size: 14px;line-height: 1.4em;margin-top: 10px;margin-bottom: 10px;padding: 15px;text-align: start;}
Sau khi add thành công bạn chỉ cẩn vào tạo bài viết mới sau đó nhữg nội dụng nào bạn cần đóng hộp chỉ cẩn thêm trích dẫn văn bản vào, xuất bản nội dung và xem kết quả nhé!
Tags:
Blogger