Chỉnh sửa lại phần Older Posts, Home, Newer Posts


Dưới cùng mỗi bài đăng (sau luôn cả Subcrise to) thường hay có phần này
Chức năng của nó là giúp người đọc dễ dàng tới các bài đăng cũ , mới hơn hoặc quay về trang chính . Nhưng hầu như , chúng ít được để ý nhiều vì quá đơn điệu và không bắt mắt . Chính vì thế mà chúng ta cần đổi mới chúng.
Trước tiên , hãy vào Trình bày (Layout) , đến Chỉnh sửa HTML (Edit HTML) và chọn Mở rộng mẫu tiện ích (Expand Widget Templates) . Nhớ sao lưu lại mẫu phòng trường hợp làm sai !!!
Trước tiên, hãy tìm đoạn code sau

<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

</div>



Sau đó , hãy thay thế các đoạn <data:newerPageTitle/><data:olderPageTitle/><data:homeMsg/> thành các từ bạn muốn  theo thứ tự sau : Bài mới , Bài cũ , Trang chính . Nếu bạn muốn thay thành các hình mũi tên như blog
mình thì hãy thay thế các đoạn mã trên thành

<img src="URL của hình ảnh" />   [Lưu ý URL của hình ảnh phải gồm cả http://]


Bước cuối cùng , phải thay đổi lại vị trí của Bài mới hơn , Bài cũ hơn (mặc định thì Bài cũ nằm bên phải còn Bài mới nằm bên trái . Nó có vẻ hơi ngược ngạo) theo hướng dẫn sau
Tìm đoạn code sau

#blog-pager-newer-link {
float: left;
}

#blog-pager-older-link {
float: right;
}


Rõ ràng ta thấy  phần Bài mới nằm bên trái (left), còn Bài cũ nằm bên phải (right). Ta chỉ cần đổi lại 2 vị trí đó như sau

#blog-pager-newer-link {
float: right;
}

#blog-pager-older-link {
float: left;
}


Vậy là xong rồi đó . Hãy kéo xuống bên dưới blog của mình để xem thử kết quả . Chúc các bạn thành công.
Ngoài ra , nếu không biết tìm các hình thay thế ở đâu các bạn có thể tìm ngay tại đây

9 Nhận xét on "Chỉnh sửa lại phần Older Posts, Home, Newer Posts"

Thang on 23 August 2008 at 06:15 said...

It's a wonderful hack! I made it.
Thanks for sharing!
Oops! You should remove the word verification of comment Form in your blog. It's annoying stuff for commentators.

Benjami Tennyson on 23 August 2008 at 10:22 said...

Đã ngưng hiển thị xác minh cho nhận xét , chúc vui !

► Ngankvn ® on 24 October 2008 at 17:37 said...

Tuyệt ! cám ơn nhiều , những kẻ gà HTML như tớ mà không có những người hào phóng như cậu thì đã bỏ Blogspot lâu rùi ...

Benjami Tennyson on 24 October 2008 at 20:50 said...

Cám ơn Ngankvn :D.Bạn đã nói quá rồi. Mình chỉ cố gắng tìm hiểu thêm để giúp đỡ các blogger thôi . Chứ thú thật , mình cũng gà HTML thấy mồ ^^ . Mong bạn ủng hộ blog của mình nhá !

Pogi on 16 December 2008 at 11:07 said...

Cảm ơn bác nhé, nhưng sao blog em kg hiện " Bài mới" được . http://hoangluubaby.blogspot.com/
Bài cũ và trang chính thì được. Bác xem dùm em nhé. Em đã thử đổi left-right rồi. Thanks

Benjami Tennyson on 16 December 2008 at 11:55 said...

@Pogi: Bạn đã hiệu chỉnh Template bị sai lỗi chính tả rồi. Xem hình http://boyprodx.googlepages.com/newerpost.PNG

Pogi on 16 December 2008 at 23:25 said...

Mình làm đc rồi, Many thanks.

phattrienso on 13 March 2009 at 10:56 said...

Mình cũng đang định làm một bài như vậy về chủ đề như thế này;
Bài viết của bạn hay và hữu ích thế thì mình xin mạn phép được upload lại lên blog http://phattrienso.tk nhé (có linkback và bản quỳen của boypro hẳn hoi) ^_^

Benjami Tennyson on 13 March 2009 at 18:09 said...

@phattrienso : Ok :D

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

Post a Comment

Cám ơn bạn đã đọc bài viết tại blog của boyproDX.
Nếu cảm thấy blog có nhiều bài hữu ích , các bạn hãy Bookmark(nhấn Ctrl_D) hoặc Đăng kí nhận tin qua RSS site mình để không bỏ qua các bài viết tiếp theo của mình. Chúc các bạn vui vẻ !

Logo Exchange (Tạm ngưng)

 

Chuyên trang blog về tin học | Copyright © 2009 | Best view at 1024x768 with Firefox 3