Thứ Ba, 15 tháng 3, 2016

Hướng dẫn tạo CSS ghi chú hiệu ứng đẹp cho Blogspot

Sau mấy ngày bận bịu với nhiều "dự án sinh viên" khác nhau hôm nay 2-Tek Blog đã quay trở lại để update thêm nhiều thử thuật Blogspot mới, lạ và độc cho mọi người.

Tạo CSS ghi chú hiệu ứng đẹp cho Blogspot - Trong khi viết bài trên blog chúng ta chắc chắc sẽ cần ghi chú hoặc thêm vào những lưu ý nhỏ cho người đọc, vậy thì tại sao không làm nó độc đáo và đẹp mắt hơn là những đoạn in đậm, in nghiêng thông thường? 2-Tek Blog xin chia sẻ với các bạn cách tạo thêm CSS ghi chú hiệu ứng đẹp cho Blogspot, chỉ cần vài thao tác đơn giản là bạn có thể hoàn thành Tips này.

Hướng dẫn tạo CSS ghi chú hiệu ứng đẹp cho Blogspot

Tạo CSS ghi chú hiệu ứng đẹp cho Blogspot

1. Đăng nhập vào Blogger > Mẫu > Chỉnh sửa HTML rồi dán đoạn mã CSS sau trước thẻ ]]></b:skin> hoặc </style> sau đó Lưu mẫu



2. Cách sử dụng. Để thêm ghi chú bạn chọn 1 trong các mẫu dưới đây sau đó chèn vào bài viết (nhớ chuyển qua chế độ soạn thảo HTML nhé)

Mẫu 1
<div class='note'>...GHI CHÚ...</div>

Mẫu 2
<div class='note orange'>...GHI CHÚ...</div>

Mẫu 3
<div class='note river'>...GHI CHÚ...</div>

Mẫu 4
<div class='note crusta'>...GHI CHÚ...</div>

Chúc các bạn thành công!

0 nhận xét

Đăng nhận xét