Hiệu chỉnh tiêu đề cho BlOg
Chủ Nhật, 12 tháng 7, 2009
[FD's BlOg] - Thủ thuật này là 1 thủ thuật nhỏ và cũng khác quen với nhiều người, nhưng vẫn còn những bạn chưa biết và 1 điều nữa là trong blog mình chưa đăng tải thủ thuật này, vì thế cũng xin giới thiệu cho mọi người luôn, nhất là những bạn mới làm quen với Blogger.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.
- Feedburner Google và cách lấy tùy chỉnh cho blogspot
- Tiện ích Popular Posts - Bài xem nhiều với CSS3
- Mạng xã hội theo dõi với hiệu ứng rê chuột cho blogspot
- Mudim - Thêm bộ gõ tiếng Việt cho blogspot
- Hiệu ứng màu chạy lấp lánh trong chữ cho blogspot
- Thủ thuật thêm "comment mới gần đây nhất" cho blogspot
- Template dịch vụ, công ty giới thiệu cho blogspot
- Thủ thuật tạo khung liên kết thanh cuộn cho blogspot
- Nút điều khiển lên xuống toàn trang cho blogspot
- Menu ngang co kèm hình ảnh bên cạnh rất đẹp
- Hiệu ứng Like page Facebook (FB), G+, twitter động cực đẹp cho Web, blogspot
- CSS3 với hiệu ứng hình ảnh động cực đẹp cho Web, blogspot
Comments[ 0 ]
Đăng nhận xét