Tạo DropCap – To chữ cái đầu tiên trong bài viết Blogger
Chào các bạn, bài viết hôm nay mình sẽ chia sẻ các bạn thủ thuật nhỏ giúp cho tất cả chữ cái đầu tiên trong bài viết của blogspot đều in to lên, để rõ hơn thì xem ảnh demo bên dưới nhé.
Demo ngay tại bài viết này
CÁC BƯỚC THỰC HIỆN
Bước 1. Đăng nhập Blogger ➔ Chỉnh sửa HTML
Bước 2. Chèn đoạn CSS sau vào trước thẻ ]]></b:skin> trong template.
.post-body:first-letter{
font:700 65px Roboto;
color:black;
float:left;
padding:0;
margin:-4px 5px 0px 0px;
line-height:0.9;
}
Bước 3. Lưu chủ đề.
Lưu ý: Bạn nên áp dụng thẻ điều kiện IF để giới hạn cho nó chỉ hoạt động ở trang bài viết.
Với các bước đơn giản, bạn đã trang trí thêm cho phần bài viết của mình thêm đẹp và sinh động rồi! Thủ thuật sử dụng hoàn toàn CSS nên không hề ảnh hưởng gì đến blog cả nhé, chúc bạn thành công!