Tạo hiệu ứng Drop Cap cho Blog

bùi sang thọ | 4.3.15 | Blog |

Trong các bài báo thường chữ cái đầu tiên của bài được viết in và to hơn những chữ bình thường nên trông rất đẹp. Bài này sẽ hướng dẫn các bạn tạo Drop Cap cho Blog của mình. DEMO bạn xem tại bài này. Bài viết tham khảo tại tại đây.

1. Vào chỉnh sửa HTML thêm vào trước thẻ đóng ]]<>/b:skin> đoạn CODE sau:

dc {
    float:left;
    color:#11b7b5;
    font-size:50px;
    line-height:40px;
    padding-top:1px;
    padding-right:5px;
    display:block;
    font-family:Times, serif, Georgia
}

2. Bạn chọn Lưu mẫu

3. Bạn tạo Drop Cap trong bài viết bằng cách sử dụng đoạn CODE sau tạo chữ cái đầu tiên trong mỗi bài viết (Bài viết phải đang ở chế độ HTML).

<dc>Chu cai can viet</dc>

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