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

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.

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
Luôn hướng đến sự chuyên nghiệp và hoàn hảo

CHIA SẺ BÀI VIẾT

BÀI VIẾT LIÊN QUAN

Previous
Next Post »

Một số lưu ý khi bình luận

Mọi bình luận chứa Liên kết (link) - Quảng cáo sẽ bị XÓA

Đánh dấu Thông báo cho tôi bên dưới khung bình luận để nhận thông báo khi Admin trả lời