Thủ thuật tuỳ biến chân trang blog: Older Posts, Home, Newer Posts

phattrienso đanh tính làm một bài về vấn đề tuỳ biến phần Older, Home, Newer nhưng vô tình ghế thăm blog của boyprodx thấy bài viết này đầy đủ và hữu ích nên mạn phép được giới thiệu cùng các bạn thủ thuật này của boyprodx.

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

phattrienso copy từ nguồn: http://boyprodx.blogspot.com 

Rất chân thành cảm ơn.

Share on Facebook Share on Twitter Share on Google Plus

About Chinhnd

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.