"Tạo " Dropcap" cho bài viết"

Trong một số trang web có sử dụng tính năng "Dropcap", đó là tính năng làm tăng kích cỡ của chữ đầu dòng lên với size chữ lớn hơn. Thủ thuật này cũng khá thú vị cho việc đăng bài viết của bạn. Thủ thuật này rất đơn giản, bạn hãy tham cách thực hiện bên dưới.

Hình ảnh minh họa
1. Đăng nhập vào Blogger
2. Vào cài đặt (Settings)
3. Chọn phần định dạng (Formatting)
4. Sau đó bạn hãy tìm đến phần mẫu bài đăng (Post Template)
5. Copy và dán code bên dưới vào khung mẫu bài đăng đó
<span style="float:left; line-height: 30px; font-size:37px;padding:1px 1px 1px 1px; margin: 0px 1px 0px 0px;">T (Chữ cái đầu tiên)</span>

Đó là công việc để bạn lưu trữ code để thuận tiện trong việc sử dụng code. Mỗi khi bạn vào khung soạn thảo thì code đó sẽ xuất hiện sẵn cho bạn.

Hướng dẫn sử dụng thủ thuật:
Bạn đã có code săn, bạn muốn tạo "Dropcap" cho chữ cái nào thì chỉ việc đưa chữ cái đó vào vị trí của chữ "T" trong code trên, chú ý xóa đoạn text hướng dẫn màu đỏ trong code trên đi. Bạn có thể dựa vào code trên để tùy chỉnh lại màu sắc hay font chữ lại tùy ý.

Chúc bạn thành công

Xem khác cùng chủ đề

2 nhận xét | Viết lời bình

TDT
2/25/2012 05:49:00 SA Trả lời

cái tính năng này dành cho blogspot được không admin ơi :D
có cách nào chỉnh sửa trong template để mỗi lần đăng bài nó tự động có drop cap luôn không? Blogspot nhé :)

welcome to GREEN VIETNAM

Admin
2/28/2012 04:51:00 SA Trả lời

@ TDT: Bạn có thể dùng cách này ngắn gọn và tiện lợi hơn, bạn thêm code css bên dưới vào trước thẻ ]]></b:skin>
[code].dropcap {float:left; line-height: 30px;font-family:times; font-size:37px;padding:1px 1px 1px 1px; margin: 0px 1px 0px 0px;color:#0000ff}[/code]
Và sau này nếu bạn muốn tạo dropcap chỉ cần đặt chữ cái đó vào trong code như bên dưới
[code]<span class="dropcap">Chữ cái</span>[/code]

Bạn nhập từ: cungly Bạn nhập từ: lleu Bạn nhập từ: kkrong Bạn nhập từ: cuoilon Bạn nhập từ: roile Bạn nhập từ: hehehe Bạn nhập từ: byebye Bạn nhập từ: idontknow Bạn nhập từ: votay more »

Giải pháp bán hàng online Số 1 Việt Nam
Lên đầu trang Xuống cuối trang