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.

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

nguồn: http://boyprodx.blogspot.com