Cách tạo chữ cái đầu dòng dạng Drop Cap cho bài đăng

Làm thế nào để bài đăng của bạn chữ cái đầu dòng sẽ có dạng Drop Cap, cách viết chữ cái đầu dòng dạng Drop Cap, font Drop Cap cho bài đăng blog, 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
hien thi dang drop cap cho blog
hình ảnh dạng drop cap

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

Trong bài viết này topchiase sẽ chia sẻ cho mọi người các viết bài đăng mà để chữ cái đầu dòng to hơn dạng Drop Cap, vậy làm thế nào để tạo được kiểu chữ Drop cap trong bài đăng blog thì các bạn có thể theo dõi cách thực hiển mà blog chia sẻ bên dưới nhé

Cách tạo dạng drop cap font cho bài đăng blog

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 trước thẻ:


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

Sau đó các bạn lưu lại.
Hiển thị trên bài đăng, khi viết bài các bạn chuyển sang chế độ html và sử dụng code bên dưới

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

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

Nhận xét&Bình luận

Kết nối&Chia sẻ:

Designed by www.kenhshare.net | Copyright © 2010 Template Design by Mr.Thành Công