Đăng ký và thiết lập tên miền miễn phí TK với blogspot Blogger

dotTK đã chính thức cung cấp miễn phí tên miền CẤP MỘT .tk CÓ DNS cho tất cả mọi người. Đó có thể xem là 1 tin tốt lành cho những người có hầu bao ít ỏi không nỡ chi 1 khoản tiền cho .com .net hay những bạn đang dùng những tên miền miễn phí có dns như .co.cc, uni.cc, co.tv.

So mới các tên miền miễn phí có DNS hiện nay thì TK là dịch đầu tiêntiên phong BẠO GAN cung cấp tên miền cấp 1 hiện nay. Mình nghĩ nó sẽcạnh tranh khá quyết liệt với co.cc và các tên miền có phí trong thờigian tới. Hãy nhanh tay chọn cho mình 1 tên miền HOT nha các bạn.

Các bạn chú ý TK không giới hạn số lượng tên miền đăng ký trong 1 tàikhoản nhưng nó sẽ xóa nếu tên miền đó không được truy cập đủ 25 lầntrong 90 ngày.

Đăng ký tên miền TK

Hãy bấm vào đây

Tại trang chủ TK, bấm vào Web Domain và nhập tên miền bạnmuốn đăng ký. Tên miền bạn chọn có thể đã bị đăng ký rồi. Hãy kiên nhẫnsuy nghĩ tên miền độc quyền của bạn hoặc có thể kết hợp thêm số, vn,net… vào phía sau.

Sau khi chọn tên miền ưng ý sẽ chuyển qua bước cấu hình cho tên miền.



Nếu bạn đăng ký tên miền nhằm dùng tên miền đó chuyển hướng đến websitehay một địa chỉ website dài nào đó thì hãy điền địa chỉ đó vào mục Your website URL. Nếu bạn dùng DNS thì bấm vào Use DNS this domain.



TK ngoài cung cấp miễn phí tên miền nó còn dịch vụ DNS miễn phí chotên. Nếu bạn sử dụng vụ này thì hãy nhập địa chỉ IP của server đangchứa trang web của bạn vào cột IP Address(hình trên). Nếu bạn không biết IP server chứa web của bạn thì hãy liênhệ với nhà cung cấp Host hoặc vào Control Panel của host để xem.

Khi bạn mua 1 host để chứa web thì nhà cung cấp host sẽ cung cấp địadns cho bạn, thường có dạng ns1.tenmien.com, ns2.tenmien.com… nếu bạndùng DNS server của nhà cung cấp host thì hãy check vào mục Use my DNS Services và nhập địa chỉ dns tương ứng của nhà cung cấp (hình dưới).



Sau khi đã lựa chọn xong thiết lập cho tên miền hãy nhập tiếp vào địa chỉ email và mã kiểm tra sau đó bấm Next (hình dưới).



Bước tiếp theo là nhập Tên (k phải tên đăng nhập), mật khẩu và bấn Next.



Sau khi thấy thông báo Your registration has succeeded!. Hãy truy cập vào hộp thư của bạn. TK có gởi cho bạn 1 lá thư chứa mã kích hoạt và link kích hoạt cho bạn. Tiêu đề thư là Dot TK registration center. Copy mã kích hoạt và bấm vào link kích hoạt (hình dưới).



Paste mã kích hoạt, click Confirm



Vậy là đã xong.

Mội khi bạn muốn chỉnh sửa lại DNS của tên miền thì truy cập vào địa chỉ http://my.dot.tk/ và nhập vào địa chỉ email, pass vào.

Trỏ domain tk về blogspot

Đầu tiên đăng nhập vào tên miền ở TK (http://my.dot.tk/). Vào My Domians > List my domains ở khung bên trái. Bấm vào nút Modify ở tên miền bạn muốn trỏ về blogspot. Chọn Use Dot TK Free DNS service rồi bấm Configure



Sau khi bấm Configure bạn sẽ thấy phần bên dưới sẽ thay đổi. Hãy nhấn vào link Add another hostname4 lần để tạo thêm 4 dòng mới. Sau đó hãy thiết lập các giá trị như bêndưới (Thay tenmien.tk bằng tên miền đang thiết lập của bạn) (hình dưới).



Bấm Next để hoàn tất.

Thay đổi tên miền cho blogspot

Đăng nhập vào http://blogger.com. Vào phần Cài đặt > Xuất bản của blog bạn muốn đổi tên miền, bấm vào link Miền tùy chỉnh (hình dưới).



Và bấm tiếp vào Chuyển sang các cài đặt nâng cao.



Nhập tên miền của bạn vào (phải nhập đầy đủ có cả www) (hình dưới).



Nhập Xác minh từ ở phía dưới rồi bấm Lưu cài đặt.

Sau khi bấm Lưu cài đặt xong và thàng công (ko bị lỗi do nhập sai xác minh từ…) hay check tiếp phần Chuyển hướng tenmien.tk tới www.tenmien.tk nếu bạn muốn như vậy! nếu không bạn phải gõ tên miền đầy đủ của blog là http://www.tenmien.tk mỗi khi truy cập (hình dưới).



Nhập xác minh từ lại lần nữa, Lưu cài đặt và chờ khoản12-24h để cho DNS của TK và blogger cập nhật tên miền mới của bạn. Theokhuyến cáo của blogspot và TK là như vậy nhưng tôi đã thử chỉ khoản1-2h thôi. Trong quá trình đợi cập nhật sẽ không truy cập được vào blogcủa bạn.

Theo dangkytenmien.tk

Đọc tiếp...

Hướng dẫn cách đăng ký, cài đặt tên miền miễn phí Dot.TK

Xin giới thiệu đến tất cả các bạn tên miền miễn phí cấp một duy nhất trên thế giới hiện nay. Đó là .tk, tên miền miễn phí ngắn nhất và cao cấp nhất hiện nay. Khi đăng ký đường link của bạn có dạng giống của VnTim™ là: vntim.tk rất dễ nhớ, không chỉ vậy mà nó còn chuyên nghiệp như các tên miền quốc tế .com .net .org khác.
Dot.tk cung cấp cho bạn cả 3 dịch vụ sau:
URL Forwarding: dành cho các bạn chuyển tiếp URL.
Nameserver: dành cho các bạn dùng dịch vụ DNS của mình.
Zone Records: dành cho các bạn muốn dùng dịch vụ DNS của dot.tk (ko giới hạn các bản ghi và hỗ trợ full DNS: A, CNAME, MX)
Xem thêm: Hướng dẫn đăng ký tên miền miễn phí trọn đời .Co.cc
Đăng ký và thiết lập tên miền miễn phí TK với blogspot Blogger
Tổng hợp những tên miền miễn phí tốt nhất.
Điều đặc biệt là chỉ với một tài khoản miễn phí bạn được phép đăng ký không giới hạn số lượng tên miền.
Về chất lượng thì sao?
Tên miền dot.tk có thể nói là rất ổn định, chạy tốt và bền lâu. Đã có rất nhiều người đã đăng ký và sử dụng dịch vụ của dot.tk, như của VnTim™ là vntim.tk đăng ký từ năm 2009 và đến nay vẫn dùng tốt. Chỉ có duy nhất yêu cầu là trong 90 ngay phải có ít nhất 25 lượt truy cập tên miền của bạn (quá đơn giản phải không nào).

Nói tóm tắt các bước cho các bạn dễ hiểu nhé bạn vào trang đăng ký rồi tạo một tài khoản để có thể login và chỉnh sửa đường link tên miền bạn chọn tới đường link website bạn tạo thật dễ dàng.

Chú ý : Nếu bạn có tài khoản của dot.tk rồi thì chỉ cần login bằng tên tài khoản Email đăng ký và pass thôi sau đó có thể add thêm domain mới. Nếu chưa có thì làm tuần tự như các bước dưới này nhé.
Giờ vào việc thôi. Các bạn làm theo các bước sau để đăng ký cho mình tên miền free .tk ưng ý nhé.

Chú ý nhỏ là hướng dẫn dưới đây dùng giao diện tiếng việt, xin các bạn chú ý. Bước 1: Các bạn click vào link sau: hay click vào đây.
Nếu chưa ở chế độ tiếng việt thì các bạn chọn giao diện tiếng việt như hình dưới.
Sau đó các bạn gõ tên miền muốn đăng ký vào ô trống rồi click "Go".
Ví dụ mình muốn đăng ký tên miền vntim.tk thì mình sẽ gõ vntim vào ô trống.



Nếu tên miền bạn chọn đã có người đăng ký thì bạn chọn tên miền khác và lại gõ vào ô trống.



Nếu tên miền bạn chọn chưa có ai đăng ký thì bạn sẽ được chuyển đến trang đăng ký tên miền.
Trong trang này các bạn chú ý:
Mục "Use your new domain" các bạn chọn "Forward this domain" còn lựa chọn "Use DNS" để sử dụng dịch vụ DNS (cái này nếu bạn nào biết có thể chọn). Các lựa chọn này các bạn hoàn toàn có thể thay đổi sau khi có tài khoản dot.tk. Ô trống dên dưới là để các bạn điền link muốn chuyển tiếp tới. Như hình dưới link chuyển tiếp của mình là: http://vntim.blogspot.com/.
Mục "Registration length" là thời gian dùng tên miền miễn phí, các bạn chọn "12 months" (nếu hết hạn các bạn có thể gia hạn mà khồng mất phí đâu - mình dùng tên miền vntim.tk từ năm 2009 đến nay chưa cần gia hạn lần nào cả).

Sau đó bạn click vào nút "Sign up" để đăng ký tài khoản tại dot.tk(nên đăng ký để có thể quản lý tên miền của bạn sau này).

Nếu bạn nào chỉ muốn dùng tên miền chuyển tiếp .tk mà không cần quản lý, sửa đổi tên miền sau này thì có thể click "Continue without Sign up".



Sau khi các bạn click "Sign up" sẽ đến trang tiếp theo. Tại đây các bạn click vào link "email address" để hiện ô nhập địa chỉ email như hình dưới.


Sau khi nhập địa chỉ email các bạn click "Tiếp".



Tại trang tiếp theo các bạn nhập thông tin như hình dưới rồi click "Create Account".



Đến đây là các bạn đã hoàn thành một nửa quá trình đăng ký. Tiếp theo các bạn cần xác nhận địa chỉ email vừa nhập là của bạn bằng các vào hòm thư và tìm email Dot.tk gửi cho bạn (khoảng 10phút trở lại, nếu đợi lâu quá các bạn click vào "nhấn chuột ở đây" như trong hình dưới để Dot.tk gửi lại mail xác nhận cho các bạn). Chú ý Email xác nhận có tiêu đề là "Xin vui lòng xác nhận sự đăng ký miễn phí của bạn" người gửi "Dot TK registration center(noreply@dot.tk)".



Trong email xác nhận có chứa thông tin tài khoản của bạn tại dot.tk(các bạn nên lưu lại hay phải nhớ thông tin này để đăng nhập). Kèm theo là mã và link xác minh. Các bạn click vào link các nhận để xác thực email như hình dưới.



Tại đây các bạn nhập mã số xác nhận trong email vào và click "Xác nhận".



Đến đây nếu được thông báo như hình dưới là bạn đã hoàn thành việc đăng ký tên miền miễn phí tại dot.tk. Để cài đặt tên miền các bạn click vào "Đăng nhập vào My Dot.tk" như trong hình dưới.



Sau đó các bạn nhập thông tin đăng nhập và click "Login" để đăng nhập.



Sau khi đăng nhập giao diện quản lý của dot.tk như hình dưới.
Trong đó các bạn chú ý:
Mục "Profile của tôi" quản lý thông tin cá nhân của bạn.
Mục "Tên miền của tôi" quản lý những tên miền bạn đã đăng ký tại dot.tk.
Mục "TiKinet" để quản lý quảng cáo của dot.tk (ở đây các bạn có thể thiết lập muốn tham gia vào mạng lưới quảng cáo của dot.tk hay không. Mặc định là không tham gia nên nếu bạn không quan tâm có thể bỏ qua).
Mục "TK MaiLLas" dùng để làm Hệ thống - Mail Server (không quan tâm các bạn có thể bỏ qua).
Nếu bạn muốn đăng ký thêm tên miền mới có thể click vào "tạo thêm một tên miền MIỄN PHÍ ở đây".
Để quản lý hay cài đặt tên miền .tk các bạn click vào "Tên miền của tôi".



Trong mục "Tên miền của tôi" các bạn chú ý các mục sau: Mục "Danh sách tên miền của tôi" quản lý các tên miền của bạn tại dot.tk.
Mục "Trả phí/gia hạn tên miền" để gia hạn/trả phí tên miền(gia hạn miễn phí).
Mục "Dot TK Traffic check" Kiểm tra số lượt truy cập vào tên miền của bạn.
Chú ý: tương ứng với mỗi tên miền miễn phí có 2 nút là "Thay đổi" và "nâng cấp".
Nút "Thay đổi" để các bạn quản lý và cài đặt tên miền.
Nút "nâng cấp" để nâng cấp nên tên miền có phí(không cần thiết).



Muốn thay đổi cài đặt cho tên miền nào đó(cả miễn phí và có phí) các bạn click vào nút "Thay đổi" (với giao diện tiếng việt).
Sau đó các bạn chọn dịch vụ các bạn muốn cài đặt rồi click "Tiếp" và làm theo hướng dẫn bằng tiếng việt. Chi tiết các cài đặt tên miền dot.tk cho BLogger-BlogSpot các bạn xem thên tại đây, còn các dịch vụ blog khác như Yahoo! 360Plus, MyOpera hay trang cá nhân của Facebook thì các bạn chỉ cần dùng dịch vụ "Domain Forwarding" (mặc định khi các bạn đăng ký). Khi muốn đổi link chuyển tiếp các bạn mới cần thay đổi cài đặt.
Như hình dưới link chuyển tiếp của mình là: http://vntim.blogspot.com/.

Đọc tiếp...

Hướng dẫn cách tạo khung đăng nhập cho Blogger BlogSpot

Blogger có cung cấp tính năng đăng nhập cho người dùng trên thanh Navbar, tuy nhiên tính năng này sẽ bị mất đi khi các bạn ẩn thanh navbar đi để trang blog của bạn trông giốn một website hơn. Đó là nguyên nhân khiến bạn không thể đăng nhập vào blog của mình trực tiếp được mà phải vào trang chủ blogger. Tuy vậy, chúng ta có thể khắc phục việc nầy bằng cách tạo forum đăng nhập thay thế. Để tạo form này các bạn làm theo các bước sau:
1. Đầu tiên đăng nhập và vào bố cục của blogger
2. Chọn thêm tiện ích (Add a Gadget)
3. Bạn hãy click chon thêm HTML/Javascript
4. Copy và dán code bên dưới vào HTML/Javascript trên

Có 2 mẫu cho bạn lựa chọn. Các bạn có thể xem Demo qua ảnh hay tại đây.

Mẫu 1:

<form action="https://www.google.com/accounts/ServiceLoginAuth?service=blogger" method="post" onsubmit="onlogin()">
<input value="http://www.blogger.com/home" name="continue" type="hidden"/>
<div><label for="Email"> Tài khoản: [<a href="http://vntim.blogspot.com/" target="_top" title="Tác giả VnTim™">©</a>]<br/><input id="EmailGoogle" tabindex="1" name="Email" size="30" type="text"/></label></div>
<div><label for="Passwd"> Mật khẩu: (<a href="https://www.blogger.com/forgot.g" target="_top" title="Quên mật khẩu?">?</a>)<br/></label><input id="Passwd" tabindex="2" autocomplete="on" name="Passwd" size="30" type="password"/></div>
<div><input type="checkbox" name="PersistentCookie" id="PersistentCookie" value="yes" /> <label for="PersistentCookie" >Nhớ mật khẩu</label></div>
<input id="signin-btn-ns" tabindex="0" value="Đăng nhập" name="submit" type="submit"/></form>

Mẫu 2:

<form id="gaia_loginform" action="https://www.google.com/accounts/ServiceLoginAuth?service=blogger" method="post" onsubmit= "return(gaia_onLoginSubmit());" >
<div id="gaia_loginbox">
<table class="form-noindent" cellspacing="0" cellpadding="5" width="100%" border="0">
<tr> <td valign="top" style="text-align:center" nowrap="nowrap" bgcolor="#e8eefa">
<input type="hidden" name="ltmpl" value="draft" />
<div class="loginBox">
<table id="gaia_table" align="center" border="0" cellpadding="1" cellspacing="0">
<tr><td colspan="2" align="center">
<table> <tr> <td valign="top">
<img src="http://kodehexa.googlepages.com/google_transparent.gif" alt="Google" /></td>
<td valign="middle"><font size="+0"><b>Tài khoản</b></font></td></tr></table>
<font size="-1"></font></td></tr>
<script type="text/javascript">
<!-- function onPreCreateAccount() { return true; } function onPreLogin() { if (window["onlogin"] != null) { return onlogin(); } else { return true; } } -->
</script>
<tr><td colspan="2" align="center"></td></tr>
<tr><td nowrap="nowrap"><div align="right">
<span class="gaia le lbl">Email:</span></div></td><td>
<input type="hidden" name="continue" id="continue" value="http://www.blogger.com/home" />
<input type="hidden" name="service" id="service" value="blogger" />
<input type="hidden" name="naui" id="naui" value="8" />
<input type="hidden" name="fpui" id="fpui" value="2" />
<input type="hidden" name="skipvpage" id="skipvpage" value="true" />
<input type="hidden" name="rm" id="rm" value="false" />
<input type="hidden" name="ltmpl" id="ltmpl" value="draft" />
<input type="hidden" name="hl" id="hl" value="vi" />
<input type="hidden" name="alwf" id="alwf" value="true" />
<input type="hidden" name="alinsu" id="alinsu" value="0" />
<input type="hidden" name="ltmpl" id="ltmpl" value="draft" />
<input type="hidden" name="GALX" value="Ie2nThzvHSI" />
<input type="text" name="Email" id="Email" size="20" value="" class='gaia le val' />
</td></tr>
<tr><td></td><td align="left"></td></tr>
<tr><td align="right"><span class="gaia le lbl">Mật Khẩu:</span></td>
<td><input type="password" name="Passwd" id="Passwd" size="20" class="gaia le val" /></td></tr>
<tr><td></td><td align="left"></td></tr>
<tr><td align="right" valign="top">
<input type="checkbox" name="PersistentCookie" id="PersistentCookie" value="yes" />
<input type="hidden" name='rmshown' value="1" /></td>
<td align="left"><label for="PersistentCookie" class="gaia le rem">Nhớ mật khẩu</label></td></tr>
<tr><td></td>
<td align="left"><input type="submit" class="gaia le button" name="signIn" value="Đăng nhập" /></td></tr>
<tr id="ga-fprow">
<td colspan="2" height="33.0" class="gaia le fpwd" align="center" valign="bottom">
<a href="https://www.blogger.com/forgot.g" target=_top>Quên mật khẩu?</a>
[<a href="http://vntim.blogspot.com/" target=_top title="Tác giả VnTim™">©</a>]</td>
</tr></table></div></td></tr></table></div>
<input type="hidden" name="asts" id="asts" value="" />
</form>
<form id="gaia_universallogin" action="https://www.google.com/accounts/ServiceLoginAuth?service=blogger" method="post" onsubmit="return(gaia_onLoginSubmit());">
<input type="hidden" name="continue" id="continue" value="https://draft.blogger.com/home" />
<input type="hidden" name="service" id="service" value="blogger" />
<input type="hidden" name="naui" id="naui" value="8" />
<input type="hidden" name="fpui" id="fpui" value="2" />
<input type="hidden" name="skipvpage" id="skipvpage" value="true" />
<input type="hidden" name="rm" id="rm" value="false" />
<input type="hidden" name="ltmpl" id="ltmpl" value="draft" />
<input type="hidden" name="hl" id="hl" value="vi" />
<input type="hidden" name="alwf" id="alwf" value="true" />
<input type="hidden" name="alinsu" id="alinsu" value="0" />
<input type="hidden" name="ltmpl" id="ltmpl" value="draft" />
<input type="hidden" name="ltmpl" id="ltmpl" value="draft" />
</form>

5. Cuối cùng chỉ việc save lai và kiểm tra thử kết quả (các bạn có thể đặt tên tiện ích này là "Đăng nhập" nếu muốn)

Chú ý: Các bạn có thể thay đường link màu đỏ: http://www.blogger.com/home bằng các link khác nếu muốn tạo khung đăng nhập cho dịch vụ khác của Google như Gmail là: https://mail.google.com/mail vv.

Đọc tiếp...

Phân trang cho Blogspot dùng CSS

Để Blog của bạn "Pro" hơn, bạn nên phân trang cho blog theo các bước sau đây.

Đầu tiên, bạn đăng nhập vào blog, chọn thiết kế > Thêm tiện ích > thêm HTML/Javacript, sau đó dán toàn bộ các code này vào

<div class="codeview"><code>

<style>

.showpageArea {font-size: 16px; width:300px;background: url(http://thantoc.xm.com/hinh-anh/Pagenavbar-1.jpg) no-repeat left top; padding: 10px; color:#003366;text-align:center;

}

.showpageArea a {

color:#0F0;

text-decoration:underline;

}

.showpageNum a {

text-decoration:none;

color:#0F0; border:1px solid #FFF;

margin:0 10px;

padding:0 5px 0 8px;

}

.showpageNum a:hover {

color:#ffff00; border:1px solid #00ff00;

background-color:#FFF;

}

.showpagePoint {

color:#ffff00;

margin:0 8px 0 4px;

}

.showpage a {

text-decoration:none;

color:#FFF;

padding:0 2px 0 4px;

}

.showpage a:hover {

color:#ffff00;

text-decoration:underline;

} .showpageNum a:link,.showpage a:link {

text-decoration:none;

color:#00ff00;

}

</style>

<script type="text/javascript">

function showpageCount(json) {

var thisUrl = location.href;

var htmlMap = new Array();

var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";

var isLablePage = thisUrl.indexOf("/search/label/")!=-1;

var isPage = thisUrl.indexOf("/search?updated")!=-1;

var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";   

    thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;

var thisNum = 1;

var postNum=1;

var itemCount = 0;

var fFlag = 0;

var eFlag = 0;

var html= '';

var upPageHtml ='';

var downPageHtml ='';

var pageCount=5;

var displayPageNum=5;

var firstPageWord = 'Đầu';

var endPageWord = 'Cuối';

var upPageWord ='&#9668;';

var downPageWord ='&#9658;';

var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';

for(var i=0, post; post = json.feed.entry[i]; i++) {

  var timestamp = post.published.$t.substr(0,10);

  var title = post.title.$t;

  if(isLablePage){

    if(title!=''){

        if(post.category){

      for(var c=0, post_category; post_category = post.category[c]; c++) {

        if(encodeURIComponent(post_category.term)==thisLable){                     

          if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){

            if(thisUrl.indexOf(timestamp)!=-1 ){

              thisNum = postNum;             

            }

            postNum++;

            htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;

          }                

        }     

      }

    }//end if(post.category){

     itemCount++;

   }

  }else{

    if(title!=''){

      if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){

        if(thisUrl.indexOf(timestamp)!=-1 ){

          thisNum = postNum;

        }

        if(title!='') postNum++;

        htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;

      }     

    }

    itemCount++;

  }

}

for(var p =0;p< htmlMap.length;p++){

  if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){

    if(fFlag ==0 && p == thisNum-2){

      if(thisNum==2){

        if(isLablePage){

          upPageHtml = labelHtml + upPageWord +'</a></span>';         

        }else{

          upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';

        }

      }else{

        upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';

      }

      fFlag++;

    }

    if(p==(thisNum-1)){

      html += '&nbsp;<span class="showpagePoint"><u>'+thisNum+'</u></span>';

    }else{

      if(p==0){

        if(isLablePage){

          html = labelHtml+'1</a></span>';

        }else{

          html += '<span class="showpageNum"><a href="/">1</a></span>';         

        }

      }else{

        html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';

      }

    }

    if(eFlag ==0 && p == thisNum){

      downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';

      eFlag++;

    }

  }//end  if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){

}//end for(var p =0;p< htmlMap.length;p++){

if(thisNum>1){

  if(!isLablePage){

      html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';

  }else{

      html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';

  }

}

  html = '<div class="showpageArea"><span >Trang '+thisNum+' / '+(postNum-1)+': </span>'+html;

if(thisNum<(postNum-1)){

  html += downPageHtml;

  html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>';

}

if(postNum==1) postNum++;

  html += '</div>';

  if(isPage || isFirstPage || isLablePage){

    var pageArea = document.getElementsByName("pageArea");

    var blogPager = document.getElementById("blog-pager");

    if(postNum <= 2){

        html ='';

    }

    for(var p =0;p< pageArea.length;p++){

      pageArea[p].innerHTML = html;

    }

    if(pageArea&&pageArea.length>0){

      html ='';

    }

    if(blogPager){

      blogPager.innerHTML = html;

    }

  }

}

</script>

<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script>

<style type=”text/css”>

.showpageArea {padding: 10px; color:#003366;text-align:left;width:530px;

}

.showpageArea a {

float:left;

text-align:center;

display:block;

margin:0 5px;

color:#333;

}

.showpageArea a:hover {

color:#333;

margin:0 5px;

}

.showpageNum a { background: url(‘http://i410.photobucket.com/albums/pp181/JohnSmithamazon/Blogger-Templates-Free-Designs-XML-Tutorial/page_num.gif’) no-repeat 0 0;

width:37px;

height:42px;

display:block;

text-align:center;

float:left;

margin:0 5px;

padding-top:6px;

text-decoration:none;

color:#333;

}

.showpageNum a:hover { background:url(‘http://i410.photobucket.com/albums/pp181/JohnSmithamazon/Blogger-Templates-Free-Designs-XML-Tutorial/page_num.gif‘) no-repeat 0 100%;

color:#FFF;

}

.showpagePoint {background:url(‘http://i410.photobucket.com/albums/pp181/JohnSmithamazon/Blogger-Templates-Free-Designs-XML-Tutorial/page_num.gif‘) no-repeat 0 100%;

width:37px;

height:42px;

display:block;

float:left;

text-align:center;

margin:0 5px;

padding-top:6px;

font-weight:bold;

color:#FFF;

}

.showpageNum a:link, .showpage a:link {

text-decoration:none;

color:#cc0000;

}

.showpageupPageWord a { float:left;

background:url(‘http://i410.photobucket.com/albums/pp181/JohnSmithamazon/Blogger-Templates-Free-Designs-XML-Tutorial/nextbutton.gif‘) no-repeat 0 0;

width:127px;

height:42px;

text-align:center;

font: bold 1.0em Arial,Helvetica,sans-serif;

display:block;

margin:0 5px;

padding-top:6px;

color:#333;

}

.showpageupPageWord a:hover { float:left;

background:url(‘http://i410.photobucket.com/albums/pp181/JohnSmithamazon/Blogger-Templates-Free-Designs-XML-Tutorial/provup.png‘) no-repeat 0 0;

width:127px;

height:42px;

text-align:center;

font: bold 1.0em Arial,Helvetica,sans-serif;

display:block;

margin:0 5px;

padding-top:6px;

color:#FFF;

}

.showpagedownPageWord a { float:left;

background:url(‘http://i410.photobucket.com/albums/pp181/JohnSmithamazon/Blogger-Templates-Free-Designs-XML-Tutorial/backbutton.gif‘) no-repeat 0 0;

width:127px;

height:42px;

text-align:center;

font: bold 1.0em Arial,Helvetica,sans-serif;

display:block;

margin:0 5px;

padding-top:6px;

color:#333;

}

.showpagedownPageWord a:hover { float:left;

background:url(‘http://i410.photobucket.com/albums/pp181/JohnSmithamazon/Blogger-Templates-Free-Designs-XML-Tutorial/nextup.png‘) no-repeat 0 0;

width:127px;

height:42px;

text-align:center;

font: bold 1.0em Arial,Helvetica,sans-serif;

display:block;

margin:0 5px;

padding-top:6px;

color:#FFF;

}

.pagenextprov {

text-align: center;

}

</style>

<div class='pagenextprov'>

<script type="text/javascript">

function showpageCount(json) {

var thisUrl = location.href;

var htmlMap = new Array();

var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";

var isLablePage = thisUrl.indexOf("/search/label/")!=-1;

var isPage = thisUrl.indexOf("/search?updated")!=-1;

var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";

thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;

var thisNum = 1;

var postNum=1;

var itemCount = 0;

var fFlag = 0;

var eFlag = 0;

var html= '';

var upPageHtml ='';

var downPageHtml ='';

var pageCount=5;

var displayPageNum=2;

var firstPageWord = 'First';

var endPageWord = 'last';

var upPageWord ='Back';

var downPageWord ='Next';

var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&amp;max-results='+pageCount+'">';

for(var i=0, post; post = json.feed.entry[i]; i++) {

var timestamp = post.published.$t.substr(0,10);

var title = post.title.$t;

if(isLablePage){

if(title!=''){

if(post.category){

for(var c=0, post_category; post_category = post.category[c]; c++) {

if(encodeURIComponent(post_category.term)==thisLable){

if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){

if(thisUrl.indexOf(timestamp)!=-1 ){

thisNum = postNum;

}

postNum++;

htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&amp;max-results='+pageCount;

}

}

}

}//end if(post.category){

itemCount++;

}

}else{

if(title!=''){

if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){

if(thisUrl.indexOf(timestamp)!=-1 ){

thisNum = postNum;

}

if(title!='') postNum++;

htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&amp;max-results='+pageCount;

}

}

itemCount++;

}

}

for(var p =0;p< htmlMap.length;p++){

if(p>=(thisNum-displayPageNum-1) &amp;&amp; p<(thisNum+displayPageNum)){

if(fFlag ==0 &amp;&amp; p == thisNum-2){

if(thisNum==2){

if(isLablePage){

upPageHtml = labelHtml + upPageWord +'</a></span>';

}else{

upPageHtml = '<span class="showpageupPageWord"><a href="/">'+ upPageWord +'</a></span>';

}

}else{

upPageHtml = '<span class="showpageupPageWord"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';

}

fFlag++;

}

if(p==(thisNum-1)){

html += ' <span class="showpagePoint"><u>'+thisNum+'</u></span>';

}else{

if(p==0){

if(isLablePage){

html = labelHtml+'1</a></span>';

}else{

html += '<span class="showpageNum"><a href="/">1</a></span>';

}

}else{

html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';

}

}

if(eFlag ==0 &amp;&amp; p == thisNum){

downPageHtml = '<span class="showpagedownPageWord"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';

eFlag++;

}

}//end  if(p>=(thisNum-displayPageNum-1) &amp;&amp; p<(thisNum+displayPageNum)){

}//end for(var p =0;p< htmlMap.length;p++){

if(thisNum>1){

if(!isLablePage){

html = '<span class="showpage"></span>'+upPageHtml+' '+html +' ';

}

}

html = '<div class="showpageArea"><span  class="showpage"> Total '+(postNum-1)+': </span>'+html;

if(thisNum<(postNum-1)){

html += downPageHtml;

}

if(postNum==1) postNum++;

html += '</div>';

if(isPage || isFirstPage || isLablePage){

var pageArea = document.getElementsByName("pageArea");

var blogPager = document.getElementById("blog-pager");

if(postNum <= 2){

html ='';

}

for(var p =0;p< pageArea.length;p++){

pageArea[p].innerHTML = html;

}

if(pageArea&amp;&amp;pageArea.length>0){

html ='';

}

if(blogPager){

blogPager.innerHTML = html;

}

}

}

</script>

<script src="/feeds/posts/summary?alt=json-in-script&amp;callback=showpageCount&amp;max-results=99999" type="text/javascript"></script>

</div>

</code></div>

 Sau khi dán xong bạn lưu lại vào kéo tiện ích này nằm phía dưới bài đăng thì mới có hiệu lực.

 Mẫu 1:

<style type="text/css">#blog-pager{font-size:normal}.showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:11px;margin:10px}.showpageArea a{color:#fff}.showpageNum a{padding:3px 8px;margin:0 4px;text-decoration:none;border-top:2px solid #000;border-left:1px solid #000;border-right:1px solid #000;border-bottom:1px solid #000;background:#666 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeT_SpztCf8149zp6qJmHTZwl_MgGi0AFqud5maEYMI7r-VtPwerUkLHC7W7y4lNi4QQ5MJ803CXWi5flpHF05h2EQbI3l1f_C1Fu90xBnC-Nbwhyd5VlNLau6O_NbsYyohbCZ64HW6cU/s1600/wp4.jpg) 0 -25px repeat-x}.showpageNum a:hover{border-top:1px solid #999;border-left:1px solid #999;border-right:1px solid #999;border-bottom:2px solid #999;background:#999 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeT_SpztCf8149zp6qJmHTZwl_MgGi0AFqud5maEYMI7r-VtPwerUkLHC7W7y4lNi4QQ5MJ803CXWi5flpHF05h2EQbI3l1f_C1Fu90xBnC-Nbwhyd5VlNLau6O_NbsYyohbCZ64HW6cU/s1600/wp4.jpg) 0 -50px repeat-x}.showpagePoint{color:#fff;padding:3px 8px;margin:2px;font-weight:700;border-top:2px solid #000;border-left:1px solid #000;border-right:1px solid #000;border-bottom:1px solid #000;background:#000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeT_SpztCf8149zp6qJmHTZwl_MgGi0AFqud5maEYMI7r-VtPwerUkLHC7W7y4lNi4QQ5MJ803CXWi5flpHF05h2EQbI3l1f_C1Fu90xBnC-Nbwhyd5VlNLau6O_NbsYyohbCZ64HW6cU/s1600/wp4.jpg) 0 0 repeat-x;text-decoration:none}.showpageOf{margin:0 5px 0 0} </style> 
<script style='text/javascript'>
var postperpage=5;
var numshowpage=3;
var upPageWord="Prev";
var downPageWord="Next";
var home_page="/";
var urlactivepage=location.href;
</script>

Mẫu 2:

<style type="text/css">#blog-pager{font-size:normal}.showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:11px;margin:10px}.showpageArea a{color:#fff}.showpageNum a{padding:3px 8px;margin:0 4px;text-decoration:none;background:#363636 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif_tZvfmDODs5MuplTxFFXv2k-dI3Pw4nVS98TabQlWx95cLtso_86douqo6gwgbiRxrGFWQ9mKspMZD16_20Xxfbas9ahb4jvqeXuBFjMF8gFG-GrLPC5dThbcfYJLjLy-4FBPxJsrLM/s1600/wp3.jpg) 0 -25px repeat-x}.showpageNum a:hover{background:#044697 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif_tZvfmDODs5MuplTxFFXv2k-dI3Pw4nVS98TabQlWx95cLtso_86douqo6gwgbiRxrGFWQ9mKspMZD16_20Xxfbas9ahb4jvqeXuBFjMF8gFG-GrLPC5dThbcfYJLjLy-4FBPxJsrLM/s1600/wp3.jpg) 0 -50px repeat-x}.showpagePoint{color:#fff;padding:3px 8px;margin:2px;font-weight:700;background:#e30000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif_tZvfmDODs5MuplTxFFXv2k-dI3Pw4nVS98TabQlWx95cLtso_86douqo6gwgbiRxrGFWQ9mKspMZD16_20Xxfbas9ahb4jvqeXuBFjMF8gFG-GrLPC5dThbcfYJLjLy-4FBPxJsrLM/s1600/wp3.jpg) 0 0 repeat-x;text-decoration:none}.showpageOf{margin:0 5px 0 0} </style> 
<script style='text/javascript'>
var postperpage=5;
var numshowpage=3;
var upPageWord="Prev";
var downPageWord="Next";
var home_page="/";
var urlactivepage=location.href;
</script>
<script style='text/javascript' src='http://bloggertrickandtoolz.googlecode.com/files/bloggertricksandtoolz.com-blogger_pnavi.js'></script>

Mẫu 3:

<!-- Stylish colored  Navigation Widget For Blogger By www.bloggertricksandtoolz.com-->
<style type="text/css">
#blog-pager{padding:5px 0 !important;}
.showpageArea {font-weight: bold;margin:5px;}/* www.bloggertricksandtoolz.com */
.showpageArea a {text-decoration:underline;color: #fff;}/* www.bloggertricksandtoolz.com */
.showpageNum a, .showpage a {color: #fff;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px; margin:0 3px;padding:3px 5px; background: #789EB1; background: -moz-linear-gradient(top, #789EB1 0%, #618FA7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#789EB1), color-stop(100%,#618FA7)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#789EB1', endColorstr='#618FA7',GradientType=0 ); }/* www.bloggertricksandtoolz.com */
.showpageNum a:hover, .showpage a:hover {border: 1px solid #ccc;background: #7d7e7d; background: -moz-linear-gradient(top, #7d7e7d 0%, #6B6B6B 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#6B6B6B)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#6B6B6B',GradientType=0 ); }/* www.bloggertricksandtoolz.com */
.showpagePoint {color: #aaaaaa;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px; margin:0 3px;padding:3px 5px; background: #e2e2e2; background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); }/* www.bloggertricksandtoolz.com*/
.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}/* www.bloggertricksandtoolz.com*/
.showpageNum a:link,.showpage a:link {text-decoration:none;color:#fff;}/* www.bloggertricksandtoolz.com*/
</style>

<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=5;
var numshowpage=3;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>

Mẫu 4:

<style type="text/css">
#blog-pager{padding:5px 0 !important;}
.showpageArea {font-weight: bold;margin:5px;}/* www.bloggertricksandtoolz.com*/
.showpageArea a {text-decoration:underline;color: #fff;}/* www.bloggertricksandtoolz.com */
.showpageNum a, .showpage a {color: #fff;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px;margin:0 3px;padding:3px 5px; background: #9dd53a; background: -moz-linear-gradient(top, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), color-stop(51%,#80c217), color-stop(100%,#7cbc0a)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); }/* www.bloggertricksandtoolz.com*/
.showpageNum a:hover, .showpage a:hover {border: 1px solid #ccc; background: #6db3f2; background: -moz-linear-gradient(top, #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db3f2), color-stop(50%,#54a3ee), color-stop(51%,#3690f0), color-stop(100%,#1e69de)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); } /* www.bloggertricksandtoolz.com*/
.showpagePoint {color: #aaaaaa;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px; margin:0 3px;padding:3px 5px; background: #e2e2e2; background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); }/* www.bloggertricksandtoolz.com*/
.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}/* www.bloggertricksandtoolz.com */
.showpageNum a:link,.showpage a:link {text-decoration:none;color:#fff;}/*www.bloggertricksandtoolz.com*/
</style>

<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=5;
var numshowpage=3;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>

Mẫu 5:

<style type="text/css">
#blog-pager{padding:5px 0 !important;}
.showpageArea {font-weight: bold;margin:5px;}/* www.bloggertricksandtoolz.com*/
.showpageArea a {text-decoration:underline;color: #fff;}/* www.bloggertricksandtoolz.com*/
.showpageNum a, .showpage a {color: #fff;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px; margin:0 3px;padding:3px 5px; background: #ffb76b; background: -moz-linear-gradient(top, #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(50%,#ffa73d), color-stop(51%,#ff7c00), color-stop(100%,#ff7f04)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 ); }/* www.bloggertricksandtoolz.com */
.showpageNum a:hover, .showpage a:hover {border: 1px solid #ccc; background: #9dd53a; background: -moz-linear-gradient(top, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), color-stop(51%,#80c217), color-stop(100%,#7cbc0a)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); }/* www.bloggertricksandtoolz.com */
.showpagePoint {color: #aaaaaa;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px; margin:0 3px;padding:3px 5px; background: #e2e2e2; background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); }/* www.bloggertricksandtoolz.com */
.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}/* www.bloggertricksandtoolz.com*/
.showpageNum a:link,.showpage a:link {text-decoration:none;color:#fff;}/* www.bloggertricksandtoolz.com*/
</style>
<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=5;
var numshowpage=3;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>

Mẫu 6:

<style type="text/css">#blog-pager{font-size:normal}.showpageArea{font-family:verdana,arial,helvetica;color:#fff;font-size:11px;margin:10px;padding:8px 20px;background:#333}.showpageArea a{color:#fff}.showpageNum a{padding:3px 8px;margin:0 4px;text-decoration:none;background:#666}.showpageNum a:hover{background:#aeb404}.showpagePoint{color:#fff;padding:3px 8px;margin:2px;font-weight:700;background:#da6100;text-decoration:none}.showpageOf{margin:0 5px 0 0} </style> 
<script style='text/javascript'>
var postperpage=5;
var numshowpage=3;
var upPageWord="Prev";
var downPageWord="Next";
var home_page="/";
var urlactivepage=location.href;
</script>

Mẫu 7:

<style type="text/CSS">
.showpageArea a { 
text-decoration:underline; 
} 
.showpageNum a { 
text-decoration:none; 
border: 1px solid #7AA1C3; 
margin:0 3px; 
padding:3px; 
} 
.showpageNum a:hover { 
border: 1px solid #7AA1C3; 
background-color:#F6F6F6; 
} 
.showpagePoint { 
color:#333; 
text-decoration:none; 
border: 1px solid #7AA1C3; 
background: #F6F6F6; 
margin:0 3px; 
padding:3px; 
} 
.showpageOf { 
text-decoration:none; 
padding:3px; 
margin: 0 3px 0 0; 
} 
.showpage a { 
text-decoration:none; 
border: 1px solid #7AA1C3; 
padding:3px; 
} 
.showpage a:hover { 
text-decoration:none; 
} 
.showpageNum a:link,.showpage a:link { 
text-decoration:none; 
color:#7AA1C3; 
} 
</style>
<script type="text/JavaScript">
function showpageCount(json) { 
var thisUrl = location.href; 
var htmlMap = new Array(); 
var isFirstPage = thisUrl.substring(thisUrl.length-5,thisUrl.length)=="Your Url hear"; 
var isLablePage = thisUrl.indexOf("/search/label/")!=-1; 
var isPage = thisUrl.indexOf("/search?updated")!=-1; 
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : ""; 
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable; 
var thisNum = 1; 
var postNum=1; 
var itemCount = 0; 
var fFlag = 0; 
var eFlag = 0; 
var html= ''; 
var upPageHtml =''; 
var downPageHtml ='';
var pageCount = 2; 
var displayPageNum = 5; 
var upPageWord = 'Previous'; 
var downPageWord = 'Next';
var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';
for(var i=0, post; post = json.feed.entry[i]; i++) { 
var timestamp = post.published.$t.substr(0,10); 
var title = post.title.$t; 
if(isLablePage){ 
if(title!=''){ 
if(post.category){ 
for(var c=0, post_category; post_category = post.category[c]; c++) { 
if(encodeURIComponent(post_category.term)==thisLable){ 
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){ 
if(thisUrl.indexOf(timestamp)!=-1 ){ 
thisNum = postNum; 
}
postNum++; 
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount; 
} 
} 
} 
}//end if(post.category){
itemCount++; 
}
}else{ 
if(title!=''){ 
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){ 
if(thisUrl.indexOf(timestamp)!=-1 ){ 
thisNum = postNum; 
}
if(title!='') postNum++; 
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount; 
} 
} 
itemCount++; 
} 
}
for(var p =0;p< htmlMap.length;p++){ 
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){ 
if(fFlag ==0 && p == thisNum-2){ 
if(thisNum==2){ 
if(isLablePage){ 
upPageHtml = labelHtml + upPageWord +'</a></span>'; 
}else{ 
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>'; 
} 
}else{ 
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>'; 
}
fFlag++; 
}
if(p==(thisNum-1)){ 
html += '<span class="showpagePoint">'+thisNum+'</span>'; 
}else{ 
if(p==0){ 
if(isLablePage){ 
html = labelHtml+'1</a></span>'; 
}else{ 
html += '<span class="showpageNum"><a href="/">1</a></span>'; 
} 
}else{ 
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +'</a></span>'; 
} 
}
if(eFlag ==0 && p == thisNum){ 
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>'; 
eFlag++; 
} 
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){ 
}//end for(var p =0;p< htmlMap.length;p++){
if(thisNum>1){ 
if(!isLablePage){ 
html = ''+upPageHtml+' '+html +' '; 
}else{ 
html = ''+upPageHtml+' '+html +' '; 
} 
}
html = '<div class="showpageArea"><span style="COLOR: #000;" class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;
if(thisNum<(postNum-1)){ 
html += downPageHtml;
}
if(postNum==1) postNum++; 
html += '</div>';
if(isPage || isFirstPage || isLablePage){ 
var pageArea = document.getElementsByName("pageArea"); 
var blogPager = document.getElementById("blog-pager");
if(postNum <= 2){ 
html =''; 
}
for(var p =0;p< pageArea.length;p++){ 
pageArea[p].innerHTML = html; 
}
if(pageArea&&pageArea.length>0){ 
html =''; 
}
if(blogPager){ 
blogPager.innerHTML = html; 
} 
}
} 
</script>

Xem thêm: Tạo phân trang (page navigation) cho Blogspot
Chúc thành công!

Chủ đề: Blogspot-tips

Đọc tiếp...