Tạo hiệu ứng Drop Cap cho bài viết trong Blogger

Khi sử dụng MS Word, chắc các bạn đều biết đến tính năng DropCap giúp tạo kích cỡ lớn cho chữ đầu tiên trong đoạn văn, gây chú ý cho người đọc. Một thủ thuật nhỏ bên dưới đây sẽ giúp bạn mang tính năng đó vào Blogger.

1. Đăng nhập vào Blogger > Layout > Edit HTML (không cần Mở rộng Mẫu tiện ích).
   
2. Tìm đến thẻ ]]></b:skin> và thêm đoạn code dưới đây ngay bên trên nó :
   
   .dropcap {
   float:left;
   line-height:30px;
   margin:18px 5px 5px 0px;
   font-family:arial;
   font-size:80px;
   }
   
3. Save lại template.
4. Từ giờ, mỗi khi soạn thảo bài viết mới, bạn chỉ cần chèn thẻ :
   
   <div class="dropcap">Kí tự đầu tiên</div&gt

là có thể sử dụng tính năng ấy.

Hy vọng thủ thuật nhỏ này sẽ giúp bạn trang trí thêm cho bài viết của mình. Chúc vui !

Tạo hiệu ứng Drop Cap cho bài viết trong Blogger