Hướng dẫn Drop Cap chữ cái đầu tiên bài viết Blogger

BloggerGuide

Wednesday, November 4, 2015

0 comments

Drop Cap là thuật ngữ chỉ việc tạo chữ đầu tiên của đoạn văn, hiệu ứng Drop Cap phổ biến này vào mỗi bài viết tại Blogger bằng cách sử dụng CSS đơn giản.

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

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

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 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.

Hướng dẫn Drop Cap chữ cái đầu tiên bài viết Blogger cho toàn bộ bài viết trên blog, thủ thuật này không những không làm ảnh hưởng đến tốc độ tải trang mà còn hỗ trợ cho bạn nhiều tùy chỉnh nữa.

Tag : Blog Design, Blog Posts