• Tư vấn điều trị
      bệnh khàn tiếng


    www.trikhantieng.com

    Liên hệ + 0913163316

BlogList111

Việt Nam Gia Phả, nơi lưu trữ Gia Phả của người Việt Nam  Kiến thức Blogspot Ngonluanho: Nhung cau chuyen thap lua-Tin-Cay-Men Vngreenzone Là một nơi chia sẻ kinh nghiệm làm blogger - Nơi tôn vinh tâm hồn blogger Việt

Kiểu phân trang Pager 2.0 cho blogspot

16
03/01/2011

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 <b:include name='nextprev'/> rồi thay nó bằng đoạn code dưới đây.

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<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'/>&amp;nbsp;<span id='vwg-pager-prev'/>&amp;nbsp;<input name='showingpage' onfocus='this.select()' size='4' title='Nhập số trang bạn muốn đến' type='text' value='init...'/>/<input disabled='disabled' name='pagestotal' size='4' type='text' value='init...'/> <input onclick='checkpager()' type='button' value='Go'/> <span id='vwg-pager-next'/>&amp;nbsp;<span id='vwg-pager-last'/>
</form>
</div>
<script type='text/javascript'>
var blogID = &quot;5730565790137789925&quot;;
var home_page = &quot;http://huynh-nhat-ha.blogspot.com/&quot;;
var pager_max_main = 7;

var pager_first_text = &quot;First&quot;; // Bạn có thể đổi thành Đầu
var pager_last_text = &quot;Last&quot;; // Bạn có thể đổi thành Cuối
var pager_prev_text = &quot;Prev&quot;; // Bạn có thể đổi thành Trước
var pager_next_text = &quot;Next&quot;; // Bạn có thể đổi thành Sau
</script>
<script src='http://hacodeproject.googlecode.com/files/blogger_pager_script_v20.js' type='text/javascript'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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!

{16 bình luậnAdd yours ?}

11:31:00, 4 thg 1, 2011

Ok thanks bác nha , à bác ghé blog tớ đi , Blog tớ chia sẻ phần mềm free có bản quyền đấy có phần mềm diệt virus lun

Reply
13:47:00, 4 thg 1, 2011

Hê, tớ là chúa khoái tọc mạch phần mềm free mà, ghé thăm Gấu Nâu thường xuyên mà =))

Reply
21:15:00, 4 thg 1, 2011

Nếu thích thì đăng kí nhận tin đi , tớ mong là blog của cậu sẽ trở thành nơi chia sẻ thủ thuật blog mạnh nhật việt nam hiện nay , hiện nay mỏ thuật , vnblognet ít viết bài vì thế hãy tận dụng :D

Reply
08:53:00, 5 thg 1, 2011

:27) tớ đăng ký nhận tin rùi. Cảm ơn cậu nhé. Blog tớ thành lập từ ngày 10/10/2010, hy vọng trước khi kỷ niệm 1 năm thành lập sẽ có Alexa Rank <1.000.000

Reply
14:06:00, 6 thg 1, 2011

@Huỳnh Nhật Hà Wow , blog bạn nhiều thủ thuật , tiện ích hay thật

Reply
21:56:00, 2 thg 3, 2011

Template của em sao nó bị lỗi phân trang, anh xem giùm em!

Reply
22:06:00, 2 thg 3, 2011

@Huỳnh Nhật HàBolg của em thành lập 4/10/2010 trước bác 6 ngày. :51)

Reply
22:08:00, 2 thg 3, 2011

trang của em:
http://www.docsachhay.blogspot.com

Reply
22:12:00, 2 thg 3, 2011

@Phim Online Thế ra thời gian cũng bằng nhau đấy nhỉ.

Reply
22:15:00, 2 thg 3, 2011

A quên cho e biết, cái Template này e lấy từ blog Simplexdesign, nói chung k cài thuật phân trang vào được đâu, lỗi là đúng rồi. Cách design Template k như các Template thông thường. Nó thiên về website hơn.

Reply
22:31:00, 7 thg 5, 2011

Hi bác, em cũng dùng tem thuộc Simplex,vẫn áp dụng thủ thuật của bác thành công :)

Reply
07:07:00, 13 thg 9, 2011

HNH cho mình hỏi cách đưa code vào bài viết được hok !^^

Reply
07:42:00, 13 thg 9, 2011

Bựa đọc bài này: http://www.thuthuatblogger.info/2010/10/hien-thi-oan-ma-trong-bai-ang-blogger.html

Sử dụng thêm công cụ mã hóa code trong phần Comments thấy hông nào.

Đọc thêm các bài ở nhãn Code để tham khảo nha.

Reply
11:55:00, 9 thg 2, 2012

thanks mình đã làm được :Dhttp://www.truyenonline.net/

Reply
18:47:00, 23 thg 2, 2012

xấu vậy mà luu truyền gì cưng

Reply
22:52:00, 6 thg 8, 2012

Cả nhà ơi giúp mình sửa lỗi phân trang cho cái này với http://phim10s.blogspot.com/
không biết chỉnh chỗ code nào nữa. Giúp mih với

Reply
Nội quy! Đóng lại Khi bạn viết bình luận, cần tuân thủ một số quy tắc sau:
» Bình luận phải nghiêm túc và không chứa các liên kết quảng cáo.
» Có thể sử dụng các thẻ <b> … </b>,<i> … </i>, <a href="URL..."> ... </a>.
» Yêu cầu thủ thuật tại mục Yêu cầu thủ thuật hoặc hỏi tại mục Hỏi và Đáp.
More →
Chữ đậm Chữ nghiêng Chữ nghiêng 2 Chèn Link Chèn Link Mã hóa code Help ?Nhấn vào biểu tượng hoặc kiểu chữ hoặc chèn link sau đó nhấn nút Chọn rồi copy (Ctrl + C) để paste (Ctrl + V) vào khung viết bình luận. Mã hóa code nếu bạn muốn đưa code vào bình luận.

Chọn Xóa

Next post: Bài đăng Mới hơn

Previous post: Bài đăng Cũ hơn