• Tư vấn điều trị
      bệnh khàn tiếng


    www.trikhantieng.com

    Liên hệ + 0913163316

BlogList111

Việt Nam Gia Phả, nơi lưu trữ Gia Phả của người Việt Nam  Kiến thức Blogspot Ngonluanho: Nhung cau chuyen thap lua-Tin-Cay-Men Vngreenzone Là một nơi chia sẻ kinh nghiệm làm blogger - Nơi tôn vinh tâm hồn blogger Việt

Tạo chữ cái đầu tiên in hoa cho bài viết và nhận xét

0
21/12/2010

Chúng ta đã biết cách tạo chữ cái đầu theo phong cách báo chí cho bài viết Blogger tại bài này. Hôm nay tôi xin giới thiệu một cách khác để tạo chữ cái đầu in hoa cho bài viết, cho phần nhận xét, và cho bất kỳ một đoạn văn bản nào đó một cách tự động.

Xem Demo dưới đây.


Đây là đoạn văn mẫu. Đây là đoạn văn mẫu. Đây là đoạn văn mẫu. Đây là đoạn văn mẫu. Đây là đoạn văn mẫu. Đây là đoạn văn mẫu. Đây là đoạn văn mẫu. Đây là đoạn văn mẫu. Đây là đoạn văn mẫu. Đây là đoạn văn mẫu. Đây là đoạn văn mẫu. Đây là đoạn văn mẫu. Đây là đoạn văn mẫu. Đây là đoạn văn mẫu. Đây là đoạn văn mẫu. Đây là đoạn văn mẫu. Đây là đoạn văn mẫu.

Để làm được điều này, bạn hãy thực hiện theo các bước sau đây.

Bước 1. Đăng nhập Blogger vào Design >> Edit HTML chọn Expand Widget Templates.

Đặt đoạn code CSS sau đây vào trước dòng]]></b:skin>.

.capital:first-letter {
float:left;
display:block;
font-family:"times new roman";
font-size:3em;
color:#990000;
margin:0px 5px 0 0;
padding:0 0 0 10px;
}

Bạn có điều chỉnh font-family và font-size theo ý muốn của mình.

Lưu Template.

Bước 2. Nếu bạn muốn hiển thị chữ cái in hoa đầu tiên cho toàn bài viết thì trong Template tìm dòng <p><data:post.body</p> rồi thay nó thành <p class="capital"><data:post.body</p>

Hoặc dòng <data:post.body/> rồi thay nó thành <span class="capital"><data:post.body/></span>.

Nếu bạn muốn hiển thị chữ cái in hoa đầu tiên cho phần nhận xét thì tìm dòng <data:comment.body/> rồi thay nó thành <p class="capital"><data:comment.body/></p>

Nếu bạn muốn hiển thị chữ cái in hoa đầu tiên cho một đoạn văn bản nào đó thì định dạng cấu trúc HTML như sau.

<p class="capital">Đoạn văn muốn tạo chữ cái in hoa đầu tiên</p>
Hoặc
<div class="capital">Đoạn văn muốn tạo chữ cái in hoa đầu tiên</div>

{0 bình luậnAdd yours ?}

Nội quy! Đóng lại Khi bạn viết bình luận, cần tuân thủ một số quy tắc sau:
» Bình luận phải nghiêm túc và không chứa các liên kết quảng cáo.
» Có thể sử dụng các thẻ <b> … </b>,<i> … </i>, <a href="URL..."> ... </a>.
» Yêu cầu thủ thuật tại mục Yêu cầu thủ thuật hoặc hỏi tại mục Hỏi và Đáp.
More →
Chữ đậm Chữ nghiêng Chữ nghiêng 2 Chèn Link Chèn Link Mã hóa code Help ?Nhấn vào biểu tượng hoặc kiểu chữ hoặc chèn link sau đó nhấn nút Chọn rồi copy (Ctrl + C) để paste (Ctrl + V) vào khung viết bình luận. Mã hóa code nếu bạn muốn đưa code vào bình luận.

Chọn Xóa

Next post: Bài đăng Mới hơn

Previous post: Bài đăng Cũ hơn