Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down  Thông điệp [Trang 1 trong tổng số 1 trang]


Cấp bậc !
•Bang Chủ•
avatar
•Bang Chủ•

[KiNg]_[PiN]-BB

Như các bạn biết thì cuối mỗi bài viết trên blogspot đều có các liên
kết Older Posts (Bài đăng cũ hơn), Home (Trang chủ), Newer Posts (Bài
đăng mới hơn). Chúng ta có thể tùy biến để thay đổi các liên kết này
theo ý muốn của mình, ví dụ có thể thay bằng dòng text khác hoặc bằng
hình ảnh.

Để thực hiện thủ thuật này, chúng ta tiến hành như sau. Đăng nhập
Blogger, vào Design >> Edit HTML, chọn Expand Widget Templates.
Tìm đoạn code tương tự như bên dưới.



Code:
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='[color=blue]blog-pager-newer-link[/color]' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>[color=red]<data:newerPageTitle/>[/color]</a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='[color=blue]blog-pager-older-link[/color]' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>[color=red]<data:olderPageTitle/>[/color]</a>
</span>
</b:if>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='[color=blue]home-link[/color]' expr:href='data:blog.homepageUrl'>[color=red]<data:homeMsg/>[/color]</a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='[color=blue]home-link[/color]' expr:href='data:blog.homepageUrl'>[color=red]<data:homeMsg/>[/color]</a>
</b:if>
</b:if>
</div>
<div class='clear'/>
</b:includable>
Trong đoạn code trên, phân tích kỹ có thể thấy vài điểm như sau:

: đây là phần hiển thị liên kết Newer Posts
: đây là phần hiển thị liên kết Older Posts
: đây là phần hiển thị liên kết Home

Như vậy để tùy biến các liên kết này, bạn có thể thay 3 dòng code trên lần lượt bằng các dòng text hoặc hình ảnh tương ứng.

Ví dụ thay bằng dòng Next >> hoặc dòng Sau >>
Thay bằng dòng << Prev hoặc dòng << Trước
Thay bằng dòng < Home >

Hoặc nếu dùng hình ảnh thì thay bằng dòng



Thay bằng dòng



Và thay bằng dòng





Ngoài ra nếu rành về CSS, bạn có thể tùy biến đoạn code CSS về các liên kết này trong Template:
Code:


.blog-pager {
background: $(paging.background);
}

.blog-pager-older-link, .home-link,
.blog-pager-newer-link {
background-color: $(content.background.color);
padding: 5px;
}

Hãy xây dựng diễn đàn cùng [KiNg]_[PiN]-BB bạn nhé !!!


Admin không phải cái gì cũng biết
Admin chỉ mở ra một cộng đồng để những người hiểu biết và mới biết, trao đổi học tập !
Mong Các bạn đừng đánh giá hay nói bất cứ một lời lẽ nào khích tướng OK...

Không Hay Đừng Nói Lời Cay Đắng

[*]Diễn đàn đẹp nhất với trình duyệt web Mozilla Firefox
[*]Còn với mấy loại còn lại chắc là thuộc dang diễn đàn tồi nhất !!!
Xem lý lịch thành viên http://a1k44.thptbatbat.com
Loading

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang  Thông điệp [Trang 1 trong tổng số 1 trang]

Permissions in this forum:
Bạn không có quyền trả lời bài viết

 
  • Free forum | © PunBB | Free forum support | Liên hệ | Report an abuse | Create a free blog
© 2012 A1K44BB
FM PunBB - Edit by HOàng Hải