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

Tính
đến thời điểm này thì đã có khá nhiều kiểu phân trang đẹp cho blogspot
mà tôi đã giới thiệu (bạn có thể dùng từ khóa “phan trang” để tìm trên
blog này). Mỗi kiểu phân trang đều có ưu điểm và vẻ đẹp riêng của nó.
Mỗi blogger đều có sở thích riêng và tất nhiên sẽ lựa chọn kiểu phân
trang riêng để cài đặt cho blogspot của mình.

Còn nhớ vào năm 2008 vào cái thuở tôi mới chân ướt chân ráo đến với
Blogger, lúc đó một chữ bẻ đôi về code tôi cũng chả biết là gì nữa, thì
tôi đã nghe nói về một kiểu phân trang khá thịnh hành thuở ấy gọi là
Pager 2.0 của bạn Anh Võ tại blog www.vietwebguide.com. Rất tiếc gần đây
Anh Võ đã rửa tay gác kiếm và mai danh ẩn tích, hoặc vì một lý do nào
đó cũng không biết nữa. Cũng may là cái script phân trang ấy vẫn được
lưu giữ đâu đó trên cộng đồng Blogger.

Hôm nay tôi xin mạn phép Anh Võ giới thiệu lại kiểu phân trang Pager 2.0
và có một số bổ sung để mọi người cùng chia sẻ và lưu truyền cho mai
sau.

Xem Demo.

Nếu bạn đã lỡ (nhỡ) xài kiểu phân trang khác mà lại kết kiểu phân trang
này thì phải xem lại cách cài đặt kiểu phân trang đó rồi làm ngược lại
các bước để tháo nó ra khỏi Template rồi bắt đầu cài đặt kiểu phân trang
này, theo hướng dẫn sau đây.

Đăng nhập Blogger, vào Design >> Edit HTML, chọn Expand Widget Templates.

Tìm dòng rồi thay nó bằng đoạn code dưới đây.
Code:


<b:if cond='data:blog.pageType == "index"'>
<style type='text/css'>
.blogpager {
font-size:16x;
color:#0033FF;
font-weight:bold;
background:#CCC;
border:1px solid #bbb;
padding:0px 4px;
}
</style>
<div align='center' style='margin:5px;'>
<form action='#' name='pager20'>
<span id='vwg-pager-first'/>&nbsp;<span
id='vwg-pager-prev'/>&nbsp;<input name='showingpage'
onfocus='this.select()' size='4' title='[color=red]Nhập số trang bạn muốn đến[/color]'
 type='text' value='init...'/>/<input disabled='disabled'
name='pagestotal' size='4' type='text' value='init...'/> <input
onclick='checkpager()' type='button' value='[color=red]Go[/color]'/> <span id='vwg-pager-next'/>&nbsp;<span id='vwg-pager-last'/>
</form>
</div>
<script type='text/javascript'>
var blogID = "[b][color=red]5730565790137789925[/color][/b]";
var home_page = "[color=red][b]http://huynh-nhat-ha.blogspot.com/[/b][/color]";
var pager_max_main = [b][color=red]7[/color][/b];

var pager_first_text = "[color=red]First[/color]"; // Bạn có thể đổi thành [color=blue]Đầu[/color]
var pager_last_text = "[color=red]Last[/color]"; // Bạn có thể đổi thành [color=blue]Cuối[/color]
var pager_prev_text = "[color=red]Prev[/color]"; // Bạn có thể đổi thành [color=blue]Trước[/color]
var pager_next_text = "[color=red]Next[/color]"; // Bạn có thể đổi thành [color=blue]Sau[/color]
</script>
<script src='http://hacodeproject.googlecode.com/files/blogger_pager_script_v20.js' type='text/javascript'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include name='nextprev'/>
</b:if>
Trong đoạn code trên, bạn cần thay blogID của bạn bằng chuỗi số trên
thanh địa chỉ của công cụ trình duyệt ở chế độ Edit HTML của Template;
thay địa chỉ home page cho blog của bạn; thay con số ở dòng var
pager_max_main = 7; đồng nhất với số bài đăng trên trang chính khi định
cấu hình bài đăng cho blog (Blog Posts).

Lưu Template là OK rồi đấy!

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 blog
© 2012 A1K44BB
FM PunBB - Edit by HOàng Hải