Thủ thuật tuỳ biến chân trang blog: Older Posts, Home, Newer Posts

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.

(Hình minh họa )

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

Sưu tầm