Thứ Năm, 23 tháng 4, 2009

Cách tạo phân trang cho Blogspot P2 thêm code cho temperature

Cách phân trang mới nhất, đẹp mô đen, vừa thổi vừa ăn, Cài dzô chạy liền đây! Quà mừng năm mới của Anhvo cho các fan hâm mộ, Tranhung09 cóp dán - chia xẻ . Bạn xem hiển thị mẫu của Pager 2.0:







Ưu điểm:
- Gọn nhẹ, tải nhanh
- Đi đến 1 trang nào đó nhanh chóng theo ý muốn
- Khả năng tùy biến style và các display text linh hoạt
- Dùng cho cả Classic và Layout
Cài đăt: hướng dẫn đối với blog Layout (Bố cục)



<b:if cond='data:blog.pageType == "index"'><br />
<style type="text/css">
.blogpager {
font-size:16px;
color: #060;
font-weight:bold;
padding:0px 4px;
}
</style><br />
<br />
<div align="center" style="margin:5px;"><form action="#" name="pager20"><span id="vwg-pager-first"></span> <span id="vwg-pager-prev"></span> <input name="showingpage" onfocus="this.select()" value="init..." type="text" size="4" title="Enter page number that You want to go" />/<input size="4" type="text" name="pagestotal" disabled="disabled" value="init..." /> <input type="button" onclick="checkpager()" value="Go" /> <span id="vwg-pager-next"></span> <span id="vwg-pager-last"></span><br />
</form></div><br />
<script type="text/javascript">

var blogID = "1193242412365517650";
var home_page = "http://vntim.blogspot.com/";
var pager_max_main = 10;
var pager_first_text = "First";
var pager_last_text = "Last";
var pager_prev_text = "Prev";
var pager_next_text = "Next";



</script><br />
<script src="http://www.freewebs.com/anhvo/blogger/blogger_pager_script_v20.js"
type="text/javascript"></script><br />
</b:if>


Bạn vào Mẫu -&gt; Chỉnh sửa HTML, chọn Mở rộng tiện ích mẫu và tìm dòng sau:


<b:include name='nextprev'/>
 

Thay thế toàn bộ đoạn code của Pager vào chỗ đoạn code vừa tìm được là xong. Bạn cần tùy biến những thứ đã được tô đỏ, như blogID, home_page và số bài tối đa trên trang chủ
 
(var pager_max_main).

Bạn phải thiết lập biến pager_max_main bằng với số bài mà bạn đã thiết đặt trong Cài đặt - Định dạng - Hiển thị ? Số bài đăng trên trang chính:


CSS của các Pager được đặt tên là .blogpager, bạn có thể để mặc định hoặc tùy biến nếu bạn biết chút về CSS. Ngoài ra nếu nghiên cứu kỹ đoạn code trên bạn sẽ còn thay đổi được nhiều thứ nữa theo ý thích của bạn. Còn không thì bạn không cần làm gì nữa cũng đã có cái Pager ngon lành cho blog rồi.
Bạn có thể tham khỏa thêm bài viết sau


Cách tạo phân trang cho Blogspot P1 Thêm Javascrip


Nguồn: Anhvo

5 Comments:

Nặc danh said...
Nhận xét này đã bị quản trị viên blog xóa.
Edward and Cynthia said...

Xin chi giup dum e, em da lam nhu bai a chi, nhung noi bao la XML j do, nen khong save duoc. Mac du e da lam y chang nhu anh chi huhu...( e chua bao gio di hoc V Tinh hay bat cu j lien quan... )

Link1902 said...

mình thấy trong code bạn cung cấp có 1 số chỗ khóa tag ko chính xác .
bạn có thể xem lại code chuẩn ko ?
thanks !

Đinh Trọng Tráng said...

Thanks bài viết rất hay đã áp dụng được . Bạn nào chưa làm được vui long vào http://toitimvn.blogspot.com để xem demo nha
các bạn lưu ý phải chỉnh trong tempal mới xài được không phải dùng widget nha .
nhưng nó hơi xấu (^^) mình sẽ tùy biến hình ảnh sau

buavcl said...

thanks bác em đang đi kiếm cái này

Đăng nhận xét

» VnTim™ cảm ơn bạn đã đọc bài viết.
» Nếu có thắc mắc hay góp ý, bạn hãy để lại một nhận xét.
» Nếu thấy bài viết hay hãy chia sẻ với những người quanh bạn.
» Bạn có thể sử dụng một số thẻ HTML như <b>, <i>,<a>.
» Vui lòng đăng những nhận xét lịch sự và gõ tiếng Việt có dấu nếu có thể.
» Rất cảm ơn những comment thiện ý.

 

VnTim™ Trái Tim Việt Nam Copyright © 2010 VnTim™ Trái Tim Việt Nam