Dropcap - Hiệu ứng chữ to nổi bật cho bài viết trên Blog

Có thể bạn sẽ thích

Dropcap là thuật ngữ được dùng để nói đến việc làm cho chữ cái to hơn so với "bình thường" mà trong khi học Word bạn đã từng nghe qua rồi nhỉ?

Các bạn có thể thấy nó được sử dụng rộng rãi trong các văn bản báo chí nhằm tạo ra hiệu ứng thu hút người xem, cũng như làm nổi bật thêm bài viết của họ.

Một số Template có mặc định sẵn Dropcap cho mỗi bài viết, nhưng một số thì lại muốn tạo Dropcap cho 1 bài viết cụ thể nào đó thì đây là thủ thuật nho nhỏ dành cho bạn :D

--- Những bài viết trên blog mình nhé ^^ ---

#Thêm CSS vào Template

1. Đăng nhập Blogger > Mẫu > Chỉnh sửa HTML.
2. Tìm thẻ]]></b:skin>
3. Dán đoạn Code sau vào trước (trên) thẻ vừa tìm được.

dropcap{
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;
}

Trong đó:

font-size - Size chữ.
font-family - Phông chữ.
color: #F35F5E - Mã màu sắc.

4. Lưu Mẫu lại.

#Sử dụng thẻ Dropcap trong bài viết.

Để sử dụng thẻ Dropcap bạn cần chuyển sang chế độ soản thảo HTML rồi sử dụng thẻ code như sau:

<dropcap>Chữ cái viết hoa đầu tiên</dropcap>

Thủ thuật nhỏ gọn này sẽ giúp bài viết thêm bắt mắt, nổi bật hơn.
Chúc các bạn thành công.

Hãy để lại comment phía dưới hoặc Chia sẻ bài viết để ủng hộ tác giả nhé!

Kelvin Dương

Mong muốn chia sẻ những hiểu biết cũng như kinh nghiệm của bản thân đến với mọi người

Life is not fair, get used to it

CHIA SẺ BÀI VIẾT

BÀI VIẾT LIÊN QUAN