Thay liên kết Bài đăng mới hơn, cũ hơn bằng hình ảnh

By Nguyên Luật → Saturday, June 23, 2012

Đối với mỗi template của blogspot, mặc định cuối mỗi trang sẽ có 3 link liên kết là "Bài viết mới hơn", "Trang chủ", "Bài viết cũ hơn". Để làm cho blog trông đẹp hơn, hôm nay mình giới thiệu cho các bạn 1 thủ thuật nhỏ để đổi các liên kết đó thành hình ảnh.

Trước khi chỉnh sửa

chưa chỉnh sửa

Sau khi chỉnh sửa :

sau khi chỉnh sửa


Thực hiện các bước sau:


     1. Đầu tiên bạn phải có hình tượng trưng cho 3 liên kết link đó
Có thể tham khảo 3 hình dưới đây:

mũi tên qua phảitrang chủ


     2. Đăng nhập blog
     3. Vào Chỉnh sửa Code HTML
     4. Nhấn vào Mở Rộng Tiện Ích
     5. Tìm đọan code sau:

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

     6. Thay những đọan code màu đỏ bằng những đọan code sau:

<data:newerPageTitle/>
thay bằng
<img alt='Next' border='0' src='link hình 1' title='Next'/>
<data:olderPageTitle/>
thay bằng
<img alt='previous' border='0' src='link hình 2' title='previous'/>
<data:homeMsg/>
thay bằng
<img alt='home' border='0' src='link hình 3' title='home'/>

5 comments to ''Thay liên kết Bài đăng mới hơn, cũ hơn bằng hình ảnh"

ADD COMMENT
  1. chào bạn! mình có thể lấy lịn 3 nút đó trực tiếp từ web bạn được ko? Mình làm vẫn chưa được.

    ReplyDelete
  2. Ý của bạn gái đó là. Bạn làm bài hướng dẫn vậy. Mà không có thấy demo

    ReplyDelete
  3. cũng làm dc ùi. cảm ơn bài viết nha. bạn nào rảnh thì ghé mình tý. Giao lưu. http://www.dangmylinh.com/

    ReplyDelete
    Replies
    1. mọi người tham khảo đóng góp ý kiến cho blog mình với dienturid.blogspot.com

      Delete

- Không nói chuyện thô tục thiếu văn hóa,...
- Không spam. Còn lại thì chém gió thoải mái hết! :D
@ Có thể chèn ẢnhVideo Youtube bằng cách paste link trực tiếp