Tùy biến liên kết Older Posts, Newer Posts, Home trong blogspot

Như các bạn đã biết, dưới cuối mỗi bài viết trong blogspot đều có liên kết: Older posts (Những bài viết cũ hơn), Newer Posts (Những bài viết mới hơn) và Home (Trang chủ). Chúng ta hoàn toàn có thể thay thế những dòng chữ đó theo ý muốn: thay bằng tiếng Việt cho người đọc dễ hiểu, hay thay bằng hình ảnh cho sinh động.

Hôm nay mình sẽ hướng dẫn các bạn thủ thuật này.

TÙY BIẾN LIÊN KẾT OLDER POSTS, NEWER POSTS VÀ HOME

Để thực hiện thủ thuật này các bước thực hiện như sau:
Bước 1: Đăng nhập blogger >> Mẫu >> Chỉnh sửa HTML.
Bước 2: Tìm đoạn code tương tự đ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>
<div class='clear'/>
</b:includable>

Những điểm cần lưu ý mình đã đánh dấu màu đỏ cho các bạn dễ nhìn:
-  <data:newerPageTitle/>: Phần này hiển thị liên kết newer posts.
-  <data:olderPageTitle/>  : Phần này hiển thị liên kết older posts.
- <data:homeMsg/>           : Phần này hiển thị liên kết home.

Để tùy biến ta chỉ việc thay thế 3 dòng này bằng chữ hoặc hình ảnh mình thích
Ví dụ:
- Thay  <data:newerPageTitle/> bằng dòng chữ NEXT hoặc SAU
 - Thay <data:olderPageTitle/> bằng dòng chữ PRE hoặc TRƯỚC
- Thay  <data:homeMsg/> bằng dòng chữ HOME  

Hoặc bạn có thể thay thế các dòng chữ trên bằng hình ảnh cho sinh động
 Ví dụ:
- Thay  <data:newerPageTitle/> bằng dòng 

<img src='https://lh6.googleusercontent.com/-ck04MffbEG8/VNWilHuxM_I/AAAAAAAACV4/CeU7R-mAERo/w100-h50-no/Next.png'>

 - Thay <data:olderPageTitle/> bằng dòng 

 <img src='https://lh5.googleusercontent.com/-V-isd92VcsA/VNWilG7u8-I/AAAAAAAACV8/-gsBdieKQCc/w100-h50-no/Previous.png'>

- Thay  <data:homeMsg/> bằng dòng  

<img src='https://lh4.googleusercontent.com/-uO8Yw62sg_8/VNWi_FCrEtI/AAAAAAAACWQ/ty67JCTxbXg/w100-h50-no/home-icon.png'> 

Chúc các bạn thành công!