Kênh Tên Miền chuyên cung cấp tên miền đẹp, giá rẻ! Hãy liên hệ kỹ thuật: 0914205579 - Kinh doanh: 0912191357 để được tư vấn, hướng dẫn miễn phí, Cảm ơn quý khách đã ủng hộ trong thời gian qua!
kiem tien, kiem tien online, kiem tien truc tuyen, kiem tien tren mang
Sunday, May 18, 2014

Drop Cap là thuật ngữ chỉ việc tạo chữ đầu tiên của đoạn văn lớn hơn bình thường và lấn xuống một vài dòng trong đoạn văn. Drop Cap thường được sử dụng khá phổ biến ở các sách báo, và hôm nay mình xin hướng dẫn các bạn tạo Drop Cap cho mỗi bài viết tại Blogger bằng cách sử dụng CSS đơn giản.



Drop Cap chữ cái đầu tiên của bài viết trên Blogger


Drop Cap chữ cái đầu tiên của bài viết trên Blogger

Bước 1: Đăng nhập vào Blogger >> Mẫu >> Chỉnh sửa HTML



Drop Cap chữ cái đầu tiên của bài viết trên Blogger


Bước 2: Tìm đến thẻ ]]></b:skin> và thêm đoạn CSS sau vào bên trên



Drop Cap chữ cái đầu tiên của bài viết trên Blogger


p:first-letter {
display:block;
margin:5px 0 0 5px;
float:left;
color:#0033CC;
font-size:60px;
font-family:Georgia;
}
bạn có thể chỉnh sửa màu chữ, cỡ chữ, và kiểu chữ ở đoạn CSS trên.



Bước 3:  Tìm đến toàn bộ thẻ

<data:post.body/>
thêm cặp thẻ p vào đó (nếu có rồi không cần phải thêm nữa)

<p><data:post.body/></p>
Bước 4: Lưu lại giao diện hiện tại.



Đơn giản chỉ với vài công đoạn nhỏ bạn đã thành công thêm Drop Cap cho toàn bộ bài viết của mình bằng css, không những không làm ảnh hưởng đến tốc độ tải trang mà còn có nhiều tùy chỉnh về font chữ khác nữa. Chúc bạn thành công!

0 comments:

Post a Comment

Popular Posts