Hot News
Loading...

Hướng dẫn cách tạo phong cách báo chí trong bài viết của Blogspot

imageNhư các bạn thấy ở các bào giấy, phong cách khi in bài thông thường chữ cái đầu tiên của bài viết có khác biệt như Font chữ lớn hơn, màu sắc cũng có thể khác ...

Như trong bài viết này bạn thấy chữ cái "N" khác hẳn các chữ khác trong bài viết.

Cách thực hiện cũng không có gì là phức tạp, trong bài viết này tôi xin hướng dẫn các bạn để post bài viết trong blog mang phong cách báo chí với chữ cái đầu tiên của bài viết có sự khác biệt so với các ký tự khác.





Bước 1: Truy cập vào Blogger , vào Bảng điều khiển (Dashboad) l Bố cục (Layout) l Chỉnh sửa HTML (Edit HTML)

image

Bước 2: Tìm dòng mã ]]></b:skin> bằng cách sử dụng tổ hợp phím Ctrl+F

Sau đó dán mã code dưới phía trước ]]></b:skin> (như hình vẽ)

.newspaper {
float:left;
color:#000;
background:#fff;
line-height:80px;
padding-:1px 5px 0 0;
font-family:times;
font-size:100px;
}

image

Các bạn có thể thay đổi các chỉ số đánh dấu màu đỏ tuỳ theo ý thích của mình để phù hợp với màu sắc và bố cục của Blog.

Đã cài đặt xong, việc tiếp theo là Lưu lại mẫu đã chỉnh sửa của bạn.

Tuy nhiên để hiển thị được chữ đầu tiên của bài viết theo phong cách báo chí bạn vào Cài đặt (Setings) l Định dạng (Format) l Mẫu bài đăng (Post template)

và thêm vào dong mã dưới: And add the below codes there and save it.

<span class="newspaper">First Alphabet</span>

image

Bây giờ khi bạn bắt đầu bài viết mới bạn cần thực hiện mã trên và chỉnh sửa trong HTML chữ cái đầu tiên của bài viết.

Chúc các bạn thành công, có vấn đề gì các bạn có thể comment cho mình để chúng ta có thể cùng nhau giải quyết nhé.

Nguồn bài viết: anshuldudeja's Blog



Share on Google Plus

About Chinhnd

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.
    Blogger Comment
    Facebook Comment

7 nhận xét :

  1. Bai viet hay, minh se thu tren www.vietad.co.cc xem sao. Chuc cuoi tuan vui ve. Tinh

    ReplyDelete
  2. Blogspot cũng có nhiều cái hay quá, mốt rảnh tớ cũng làm cho mình một cái!!^^ Thanks bạn!!

    ReplyDelete
  3. Đoạn code này còn là dạng CSS phải không , nếu rành về CSS cậu giúp mình chút nhé ProChicken ^^ :

    Mình làm theo hướng dẫn của AnhVo : Chỉ hiện tiêu đề bài viết trong mỗi trang label - như vậy giúp nhẹ blog , nhưng tiêu đề bài viết khi hiện ra thì nhỏ như 1 link bình thường , mình có hỏi AnhVo thì anh ấy nói làm cho nó to ra không khó chỉ cần biết chút về css nhưng không có thời gian mà viết cho mình .

    Bạn giúp mình đc không ??

    ReplyDelete
  4. Ah, có vấn đề gì cùng nhau giải quyết nhé, nói thật với Ngân là mình Chicken lắm. ^_^.

    Để đến thứ 2 mình sẽ thử và liên hệ lại nhé

    ReplyDelete
  5. thx for link back friend

    ReplyDelete
  6. Mình làm đúng hết trình tự rồi nhưng ko dùng đc?!!
    Àh, chỉ mình làm cái label giống của bạn đc ko vậy?

    ReplyDelete
  7. Tui làm theo hướng dẫn nhưng mỗi khi nhấn vào Bài đăng mới là chỉ hiển thị mỗi "First Alphabet" và đăng bài xong chẳng thấy gì thay đổi ngoài việc nó xuất hiện dòng chữ trên trong bài viết của tôi. Híc, bác chỉ cụ thể hơn được không?

    ReplyDelete


♦ Mời bạn gửi Nhận xét của mình. Bạn có thể nhận xét bằng cách chọnComment asTên/URL hay Ẩn danh. Tuy nhiên bạn nên chọn Tên/URL với URL có thể để trống. Bạn vui lòng gõ tiếng Việt có dấu.

♦ Bấm vào Đăng ký qua email [Subscribe by email] để đăng ký theo dõi nhận xét của bài này.

♦ Các bạn tự chịu trách nhiệm với Nhận xét của mình. Nhận xét của bạn cho biết Bạn là ai? Là người như thế nào?.