Hiệu chỉnh tiêu đề blog

Nguồn: sưu tầm

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.

Thực hiện:

1. Đăng nhập Blogger Dashboard (Bảng điều khiển)
2. Chọn: Design (Thiết kế) > Edit HTML (Chỉnh sữa HTML)
3. Không cần đánh dấu chọn ô: Expand Widget Templates (Mở rộng mẫu tiện ích)
4. 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.

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

<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ữ,...)

Kết quả: