Home » Thủ thuật blog
Hiệu chỉnh tiêu đề cho BlOg
Chủ Nhật, 12 tháng 7, 2009

Tiêu đề của Blog là dòng chữ sẽ hiển thị trên trình duyệt của bạn, nó giúp cho người xem hình dung được nội dung của Blog mà người đó đang xem. Mặc định tiêu đề blog của bạn sẽ được hiển thị như trong phần cài đặt mà bạn đã đặt tên cho blog của mình. Muốn hiệu chỉnh hay thay đổi nó, bạn vào Bố cục » vào Chỉnh sửa code HTML » ngay trên đầu đoạn code của template ta sẽ thấy đoạn code của tiêu đề :
<title><data:blog.pageTitle/></title>
Nếu giữ nguyên code như trên, khi xem bài viết ở các trang bài viết thì phần tiêu đề của blog sẽ hiển thị ở phía trước tiêu đề của bài viết đang xem, ví dụ như hình minh họa bên dưới:

Như thế với các blog có tiêu đề quá dài thì phần tiêu đề bài viết sẽ bị đẩy ra phía sau, như thế nó gần như sẽ không hiển thị được trên trình duyệt.
☼ Để khắc phục điều này, có 2 cách :
a. Cách 1: Bỏ hẳn tiêu đề của blog khi xem các trang bài viết
- Tức là khi xem 1 bài viết nào đó thì tiêu đề của trang đó sẽ chính là tiêu đề của bài viết bạn đang xem.
- Để làm điều này, bạn thay thế code của tiêu đề bằng đoạn code bên dưới :
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
- Và ta sẽ được kết quả như bên dưới :

- Cách này nếu sử dụng cho widget "Các bài xem nhiều nhất trong ngày" của Feedjit.com thì sẽ được hiển thị tốt nhất, ví dụ như hình bên dưới:

Hình ảnh trích xuất từ blog thugian360.com
Tuy nhiên nêu sử dụng cách này, thì khi người khác tìm kiếm thông tin các thông tin có liên quan tới blog của bạn trên các công cụ tìm kiếm thì họ sẽ không biết được tiêu đề của blog bạn là gì.
b. Cách 2: di chuyển phần tiêu đề blog ra phía sau tiêu đề bài viết
- tương tự cách 1, thay thế đoạn code tiêu đề bằng đoạn code bên dưới :
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
Hình ảnh minh họa:

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

- Mẹo nhỏ cho việc loại bỏ khoảng trống khi ẩn phần date-header (ngày đăng)
- Modify Form Comment : Bài 12 - Một cách đơn giản để trang trí cho khung comment
- Trang trí các widget
- 1 Sript đổi màu background khá hay
- Kỹ thuật tạo bóng đổ cho ảnh hoặc cho các khối nội dung
- Một ứng dụng của lệnh position : Chèn tiện ích vào banner (Header)
- Modify Form Comment : Bài 11 - Gắn Tem cho bài comment đầu tiên
- [ Yêu cầu ] : Giới hạn việc xem blog cho trình duyệt IE
- [ Yêu cầu ] chỉ hiển thị tiện ích với quản trị blog
- Giải pháp Blogger bị chặn 02/07/2012
- Nâng cấp ANC Gdata lên phiên bản 2.
- Hướng dẫn config domain cho hầu hết các mạng.
Comments[ 0 ]
Đăng nhận xét