Loading post navigation ...
 
 

Pro page

6
Nhận xét

Hiệu chỉnh tiêu đề cho BlOg

| by Phan Dũng | views

Hãy nhấn thanks để ủng hộ tác giả

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


Enter your mail address:

6

min LVT

k hiểu sao blog bác luôn load lâu hơn các blog khác nhỉ ?... cái này bên em cũng sử dụng rồi, cảm ơn bác đã post cho mọi người !

fandung

mình đã tối ưu lắm rồi đó bạn, phần load bài viết mình ko xài JS nhiều.

Chắc cảm giác load lâu là do cái sidebar đó, tại cái mục "Người theo dõi" , cái này làm chậm đáng kể

Mr.Cuong

chào bạn rất vui được hợp tác với bạn.Chúc bạn luôn có những bài viết hay...

Phan Dũng

@Mr.Cuong : cám ơn bạn :D, chúc blog bạn ngày càng phát triển.

QuangTam

Cảm ơn FanDung nhiều!

Phan Tú

Tôi mới tập làm blogspot, nhờ Admin chỉ dẫn, tiêu đề bài viết tại trang chủ của tôi lớn quá như thế này: www.phantunghiahanh.tk
bây giờ muốn chỉnh nhỏ lại và đổi font chữ màu đen thì làm sao.

Cảm ơn Admin



☺ Các bạn có thể viết lời bình của mình cho bài viết, và tuân thủ một số quy tắc sau:
» Các bài comment phải nghiêm túc, không dung tục, không spam.
» Nội dung phải liên quan tới chủ đề bài viết.
» Có thể sử dụng thẻ trích dẫn [quote], cấu trúc thẻ như bên dưới :

[quote=AUTHOR name=fdquote]NỘI DUNG[/quote]

» Có thể sử dụng các thẻ <b>,<i>,<a>.


BlOg FD chính thức đóng comment của khách ẩn danh.

BlOg FD.

[▼/▲] More Emoticons
:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Newer Posts Older Posts Home