Tạo hiệu ứng dropcap cho một số bài viết trên blog

D ropcap là làm cho chữ cái đầu tiên của văn bản to hơn những chữ khác để làm nổi bật nội dung bài viết hơn. Hôm trước mình đã giới thiệu với các bạn cách để tự động tạo hiệu ứng dropccap cho tất cả các bài viết trên blog. Tuy nhiên có một số bạn lại muốn chỉ tạo dropcap cho một số bài viết nào đó nên mình viết bài này hi vọng là giúp được các bạn.

Demo ngay trên bài viết này

#Thêm CSS

1. Đăng nhập Blogger

2. Mẫu > Chỉnh sửa HTML

3. Tìm thẻ ]]></b:skin>

4. Dán code dưới vào trên(trước) thẻ vừa tìm

dc{
font-weight:bold;
font-size:65px;
font-family: Times, serif, Georgia;
color: #F35F5E;
float:left;
padding:0;
margin:-4px 5px 0px 0px;
position: relative;
background-color:none;
line-height:0.9;
}

Lưu ý:
font-size : Kích thước tính bằng Px
font-family : Font chữ
color : Màu chữ, sử dụng mã Hex

5. Lưu mẫu lại

#Sử dụng

Khi viết bài mà bạn muốn sử dụng hiệu ứng dropcap thì hãy chuyển sang chế độ soạn thảo HTML và dán code dưới vào vị trí đầu tiên của văn bản.

<dc>Chữ cái đầu tiên của văn bản</dc>

Sau đó bạn chuyển sang chế độ soạn thảo thông thường và tiếp tục viết.

Cách sử dụng

Như vậy là mình đã giới thiệu xong, nếu bạn gặp khó khăn gì thì hãy để lại một bình luận, mình sẽ giúp đỡ các bạn thực hiện.