[43]
Thủ thuật: Hiệu chỉnh tiêu đề cho blog
Nguồn: [FD's BlOg]



Giới thiệu: 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.

Khi xem bài nào đó ở 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.



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ư vậy nó gần như sẽ không hiển thị được trên trình duyệt. Để hiệu chỉnh cho phù hợp với từng blog và từng chủ ý của chủ blog, ta sẽ có hai cách chỉnh sau.


CÁCH THỰC HIỆN

1. Đăng nhập Blogger
2. Chọn: Mẫu > Chỉnh sữa HTML

3. Chèn script.

Bước 1: Tìm dòng code

<title><data:blog.pageTitle/></title>

Bước 2: Thay thế code trên bằng một trong 2 code sau:

Code 1: Bỏ hẳn tiêu đề của blog khi xem các trang bài viết.

<!-- Hiệu chỉnh tiêu đề cho blog -->
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

- 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.


Code 2: Di chuyển phần tiêu đề blog ra phía sau tiêu đề bài viết.

<!-- Hiệu chỉnh tiêu đề cho blog -->
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>

- Bạn có thể dùng nhiều lệnh <b:if cond= .... </b:if> để đặt điều kiện cho việc hiển thị tiêu đề của blog mình ở những trang khác nhau (như trang nhãn, trang lưu trữ,...)
- Xem thêm các lệnh điều kiện ở ĐÂY


Bước 3: Save template. (Lưu mẫu)

THE END.