Chào các bạn! hôm nay mình chia sẻ thêm một số Code Tạo Nền Chữ Nhiều Màu Cho Blogspot Đẹp Chuyên nghiệp, làm cho blog của bạn trở nên sinh động, đẹp, bất mắt hơn.
![]() |
Code hộp màu cho blogspot cực đẹp |
Cách thực hiện Code Tạo Nền Chữ Nhiều Màu Cho Blogspot Đẹp Chuyên nghiệp.
Thật ra code cũng rất đơn giản, không cần dùng Javascript mà vẫn đẹp, bạn có thể xem ở cuối bài viết mà mình đã áp dụng code, nhìn cũng rất đẹp.
Một trong những lý do tại sao các blog có bài viết dài nên sử dụng hộp màu là để làm cho người đọc không cảm thấy nhàm chán với việc viết từ trên xuống dưới mà không có bất kỳ ghi chú hữu ích hoặc thông tin tóm tắt nào. Với Hộp màu trong bài viết, du khách sẽ không cảm thấy nhàm chán khi đọc.
- Nhiều người cố gắng làm cho blog của họ thú vị và cố gắng làm cho khách truy cập cảm thấy thoải mái khi đọc các bài viết trên blog, một trong những nỗ lực thông thường là làm đẹp diện mạo của blog về thiết kế và cấu trúc của các bài viết.
Các bước làm.
Bước 1: Bạn truy cập vào phần quản trị blog vào phần Chủ đề tiếp thèo Chỉnh sửa HTML
- Blogger>Template>Edit HTML
- Thêm CSS vào trước ]]></b:skin> hoặc trước </style>
/* Material Color Box */
.colorbox{overflow:hidden;position:relative;margin:.5rem 0 1rem;transition:box-shadow .25s;border-radius:2px;color:#fff;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);padding:20px;font-size:14px}
.colorbox.blue{background:#03a9f4}
.colorbox.green{background:#4CAF50}
.colorbox.red{background:#F44336}
.colorbox.orange{background:#ff9800}
.colorbox.purple{background:#673ab7}
Bước 2: Thêm mã HTML vào phần mà bạn muốn nó hiển thị.
- Các mã màu nền
<div class="colorbox purple">
Thất bại không phải là kết thúc, mà là khởi đầu cho những ai trong chúng ta, những người muốn suy nghĩ.
</div>
<div class="colorbox blue"> Để đạt được mục tiêu, đôi khi chúng ta phải đi đường vòng. Thất bại là một trong số đó. </div>
<div class="colorbox green">
Một người cố gắng và thất bại vẫn tốt hơn một nghìn người không bao giờ cố gắng.
</div>
<div class="colorbox red">
Đừng luôn đi theo dòng chảy, hãy cứ là chính mình.
</div>
<div class="colorbox orange">
Thất bại là một phần của nỗ lực chứ không phải kết quả khiến chúng ta chỉ biết bỏ cuộc.
</div>
Như vậy là mình đã chia sẻ xong các hộp màu nền fonts chữ cho blogger, nếu như bạn muốn hiển thị thêm nhiều màu thì bạn có thể thêm trong phần CSS và thêm HTML thế là xong.
💖Chúc các bạn thành công!