Chỉnh sửa lại phần Older Posts, Home, Newer Posts cho blog (blogspot blogger)

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;
}

Gửi bài viết này cho bạn bè qua Y!M: » Chỉnh sửa lại phần Older Posts, Home, Newer Posts cho blog (blogspot blogger) : http://f69dkm.blogspot.com/2011/12/chinh-sua-lai-phan-older-posts-home.html