Tạo chữ Drop Cap cho bài đăng Blog/Web

Lê An    2/22/2015    Thủ thuật blog    Comments   

Drop Cap là hiệu ứng chữ cái được phóng to đầu dòng giúp tô điểm thêm phần sinh động cho bài viết. Kiểu chữ này thường được áp dụng với các tờ báo hay trang tập chí. Hiện nay các trang Blog/Web cũng áp dụng kiểu chữ này.

Thực hiện như sau:

Bước 1: Bạn đăng nhập vào phần quản lý trang -> Mẫu -> Chỉnh sửa HTML (Các này áp dụng cho Blogspot)
Bước 2: Bạn nhấn Ctrl + F để tìm thẻ ]]></b:skin> Sau đó bạn dán Code như 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
}

Xong bạn lưu lại.
Để hiển thị kiểu trong bài viết bạn dùng Code HTML như sau

<dc>Chữ cái đầu bài viết</dc>Nội dung tiếp theo của bài viết.............

Đối với Blog/Web bạn nào chỉ cần dùng 1 hay 2 lần có thể không cần thêm vào cấu trúc Mẫu Blog. Bạn dán Code thẳng vào Bài viết đó với chế độ HTML điều được.
Dùng thẻ <style>Code CSS</style> để đóng Code CSS

Theo:NVPN BLOG