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

K

hi 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>
   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 !