Thông báo: Chúng tôi luôn cần có thêm những thành viên sáng tạo, chuyên nghiệp và sẵn sàng cháy hết mình với công việc! Tham gia

Cách viết các bài báo hấp dẫn với Drop Caps

Cách viết các bài báo hấp dẫn với Drop Caps cho Blogger

Giới thiệu

NSbất kỳ ai trong số các bạn có thể đã nhìn thấy các kiểu Drop Caps đẹp và hấp dẫn trong một số trang web, nếu bạn chưa thấy, hãy xem blog của chúng tôi. Mọi người đều có thể có Seen Drops Caps trên Báo và Tạp chí. Trong bài viết này, chúng ta sẽ xem các bước để viết một bài báo với phần mở đầu là Drop Caps. Tôi sẽ cho bạn thấy bản demo trong blogger, nhưng bạn thậm chí có thể sử dụng nó trên các nền tảng blog khác.
Trước hết có bao nhiêu bạn thích viết trên Drop Caps trong blogger thì hãy comment nó bên dưới nhé.

Bây giờ, hãy bắt đầu....

Drop Caps là gì?

Một chữ viết hoa (drop capital) là một chữ in hoa lớn được sử dụng như một yếu tố trang trí ở đầu đoạn văn hoặc phần. Kích thước của một nắp thả thường là hai hoặc nhiều dòng. Drop Caps (Dropped Capital) là một cách thú vị để viết các bài báo hấp dẫn trên blog hoặc tạp chí hoặc báo

Demo

Lorem Ipsum chỉ đơn giản là văn bản giả của ngành in ấn và sắp chữ. Lorem Ipsum đã trở thành văn bản giả tiêu chuẩn của ngành kể từ những năm 1500, khi một nhà in không xác định lấy một dãy loại và xáo trộn nó để tạo thành một cuốn sách mẫu.

Tôi hy vọng bạn đã nhìn thấy Drop Caps. Bây giờ chúng ta có thể làm cho nó sáng tạo một chút. Làm theo các bước dưới đây.

Các bước để viết bài báo hấp dẫn bằng Drop Caps

1. Trước hết hãy đăng nhập vào tài khoản blogger của bạn và tạo một bài viết mới và bắt đầu nhập bài viết của bạn. Sau khi hoàn thành bài viết của bạn, hãy đổi nó thành HTML View.
2. Bây giờ kiểm tra chữ cái đầu tiên của bài báo như hình dưới đây 
Và sau đó dán mã bên dưới
<span style="font-family: times; float: left; font-size: 70px; font-weight: bold; 

line-height: 50px; margin: 0px 5px 0px 0px;

padding: 0px; position: relative;">L</span>
Đầu ra có thể giống như thế này

Lorem Ipsum chỉ đơn giản là văn bản giả của ngành in ấn và sắp chữ. Lorem Ipsum đã trở thành văn bản giả tiêu chuẩn của ngành kể từ những năm 1500, khi một nhà in không xác định lấy một dãy loại và xáo trộn nó để tạo thành một cuốn sách mẫu.

3. Hãy làm cho nó trở nên phong cách, hãy thêm một màu nền và thay đổi màu phông chữ và thực hiện một số thay đổi. 

Tôi sẽ cung cấp cho bạn 3 thiết kế chọn thiết kế tốt nhất cho bạn :)

Thiết kế 1

Bản giới thiệu: 
NSbất kỳ biến thể nào của các đoạn văn của Lorem Ipsum đều có sẵn, nhưng phần lớn đã bị thay đổi dưới một số hình thức, bởi sự hài hước được đưa vào hoặc các từ ngẫu nhiên trông thậm chí không đáng tin một chút.

Code
<span style="float: left; font-family: 'Apple Chancery',cursive; font-size: 70px; 

line-height: 50px; margin: 5px 5px 0px 0px; position: relative;

text-shadow: rgb(153, 102, 255) 2px 2px 2px;">M</span>

Vui lòng thay thế chữ M thành chữ cái tùy chỉnh của bạn. 

Thiết kế 2

Demo
NSông tiêu chuẩn của Lorem Ipsum được sử dụng từ những năm 1500 được tái tạo dưới đây cho những người quan tâm. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis efficitur metus sit amet dolor euismod, quis maximus erat euismod. Vivamus ac laoreet odio, non faucibus leo. Maecenas dignissim leo malesuada tempor tempus

Code
<span style="background-color: lightgrey; color: darkblue; float: left; 

font-family: Georgia,Times,serif; font-size: 65px; line-height: 45px;

margin: 0px 5px 0px 0px; padding: 5px; position: relative;">T</span>

Vui lòng thay thế chữ T thành chữ cái tùy chỉnh của bạn. 

Thiết kế 3

Demo
MỘTeu posuere ante nisi eget quam. Fusce orci est, sodales non congue quis ,equat ut sem. Aliquam id laoreet eros. Fusce vestibulum, velit ac dignissim lacinia, est lectus condimentum nibh, hendrerit dui tellus ut lacus.

Code
<span style="font-family: Kaushan Script; color: red; float: left; font-size: 70px; 

font-style: italic; line-height: 50px; margin: 2px 8px 0px 0px;

position: relative;">A</span>

Vui lòng thay thế chữ A thành chữ cái tùy chỉnh của bạn.

Thiết kế 4

Demo :
Mộtgravida, ex neque efficitur quam, eu posuere ante nisi eget quam. Fusce orci est, sodales non congue quis ,equat ut sem. Aliquam id laoreet eros. Fusce vestibulum, velit ac dignissim lacinia, est lectus condimentum nibh, hendrerit dui tellus ut lacus.

Code
<span style="float: left; font-size: 70px; font-weight: bold; line-height: 50px; margin: 0px 5px 0px 0px; padding: 0px; position: relative;">v</span> 

Vui lòng thay thế ký tự a thành ký tự tùy chỉnh của bạn.

Phần kết luận

Tôi hy vọng bài viết này có thể giúp bạn trong việc viết các bài báo Drop Caps hấp dẫn trong Blogger và các nền tảng blog khác. 

Hãy bình luận quan điểm của bạn cho chúng tôi biết.

Nguồn: thetaluat.xyz
Đọc thêm :
Đánh Giá Bài Viết:
Khi tôi là chính bản thân mình, tôi hạnh phúc và có kết quả tốt !

3 nhận xét

  1. Hay! Mình phải share cho bạn bè áp dụng rồi!
    1. Thank you😍
  2. 🤣🤣 Tuyệt