Tạo hiệu ứng chữ Drop Cap cho bài viết Blogspot

Tạo hiệu ứng chữ Drop Cap cho bài viết Blogspot giúp phóng to chữ cái đầu tiên của đoạn văn là một trong những thứ thường thấy trên một tờ báo. Tuy nhiên với báo điện tử thì chúng ta ít thấy hơn, chúng chỉ thường đánh dấu từng đoạn theo nội dung chủ đề riêng biệt.

Sự thay đổi số lượng nhiễm sắc thể có ảnh hưởng đến sức khoẻ và sự phát triển không? Số lượng nhiễm sắc thể thay đổi có thể gây ra nhiều thay đổi lớn trong chức năng hoạt động của cơ thể và trong đó biểu hiện một số tình trạng bệnh điển hình như hội chứng Down do thừa một nhiễm sắc thể số 21, hội chứng Turner do thiếu một nhiễm sắc thể X,… 

1. Hậu quả của đột biến nhiễm sắc thể ở người 

2. Các dạng đột biến số lượng nhiễm sắc thể thường gặp 

2.1. Thể ba nhiễm 

2.2. Thể đơn bội 

2.3. Thể tam bội 

2.4. Thể khảm nhiễm sắc thể

1. Tạo hiệu ứng chữ Drop Cap cho bài viết Blogspot

Bước 1: Vào Blog => Chủ đề => Chỉnh sửa HTML => Nhấn tổ hợp phím Ctrl + F và tìm đến thẻ </b:skin> => Dán đoạn code dưới đây vào phía trên thẻ </b:skin> => Lưu lại chủ đề.

.first-letter{float:left;color:#00acd6;font-size:75px;line-height:60px;padding-top:4px;padding-right:8px;padding-left:3px;font-family:Georgia}

Bước 2: Chèn trực tiếp đoạn code bến dưới vào phần HTML của trang, bài viết Blgospot.

<span class="first-letter">Ký tự cần Drop Cap</span> Văn bản!

2. Chèn tự động cho tất cả bài viết Blogspot

Vào Blog => Chủ đề => Chỉnh sửa HTML => Nhấn tổ hợp phím Ctrl + F và tìm đến thẻ </b:skin> => Dán 1 trong 2 đoạn code dưới đây vào phía trên thẻ </b:skin> => Lưu lại chủ đề.

.post-body:first-letter{display:block;margin:0px;padding:0px;float:left;line-height:40px;color:#00acd6;font-size:50px;}

.post-body:first-letter, .post-body .dropcap:first-letter
{
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;
}