Tuỳ biến chân trang Older Posts, Home, Newer Post

Phần Older, Home, Newer có chức năng 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.

1. Đăng nhập tài khoản Blogger
2. Vào phần thiết kế (Design)
3. Chọn chỉnh sửa HTML (Edit HTML)
4. Chọn tiếp mở rộng tiện ích (Expand Widget Templates)

I. Thay bài đăng cũ hơn, bài đăng mới hơn, trang chủ thành hình ảnh
Bạn tìm đến code bên dưới hoặc tương tự

<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 + &quot;_blog-pager-newer-link&quot;' 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 + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span></b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>

Thay code vừa tìm được thành code bên dưới

<div class='blog-pager' id='blog-pager'>
<!-- Phần "Bài đăng mới hơn" -->
<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'><img src="Link ảnh bài đăng mới hơn"/></a>
</span></b:if>
<!-- Phần "Bài đăng cũ hơn" -->
<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'><img src="Link ảnh bài đăng cũ hơn"/></a>
</span></b:if>
<!-- Phần "Trang chủ" -->
<a class='home-link' expr:href='data:blog.homepageUrl'><img src="Link ảnh trang chủ"/></a>
</div>

II. Xóa/Ẩn đi phần bài đăng cũ hơn, bài đăng mới hơn, trang chủ
Nếu muốn ẩn "Bài đăng mới hơn" thêm lệnh vào code như bên dưới

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

Nếu muốn ẩn "Bài đăng cũ hơn" thêm lệnh vào code như bên dưới

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

Nếu muốn ẩn cả 3 phần thêm lệnh vào code như bên dưới

#blog-pager {
display:none;
text-align:center;
}