Phân trang đẹp cho Blogspot

Xem thử:

Pages (6) 

1. Đăng nhập Blogger và chọn mục Mẫu
2. Click chọn Chỉnh sửa HTML
3. Tìm đoạn code </body> và dán trước nó đoạn mã bên dưới.

<style type="text/css"> .showpageArea{padding:10px;color : #003366;text-align : left;width : 100%;} .showpage a {float:left;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7d8Jv3kOrLBphUVUfRM0COdllY45iMc9yipBH7sKNX_Cpkz_cJiaoOTzxPnKF0JhcJoDPMbPQrk3ORaYh51zDG2Dh0FQxr89RNOdORIt0KrlM_7cKMT6XQ25Ks7VmXOFHrn5jCgv8pLtX/) no-repeat 0 0;text-align : center;width : 127px;height : 42px;text-align : center;display : block;margin : 0 5px;color : #333;padding-top : 6px;} .showpage a:hover {color : #333;margin : 0 5px;padding-top : 6px;} .showpageOf{float:left;padding-top : 6px;} .showpageNum a {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhry_Bn736-XAnicKVAqjCjTc8BR3591mPn6mUKwOrz190wUsTXfl5obfwGKJbkicmDyUk94Qq24QQ5f4G4cnocKIIFnl2HMCv8WmwQu2liKhsfmJCSAH-rwXxECO8qlwdQWagkyrkaQAQi/) 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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhry_Bn736-XAnicKVAqjCjTc8BR3591mPn6mUKwOrz190wUsTXfl5obfwGKJbkicmDyUk94Qq24QQ5f4G4cnocKIIFnl2HMCv8WmwQu2liKhsfmJCSAH-rwXxECO8qlwdQWagkyrkaQAQi/) no-repeat 0 100%;color : #fff;} .showpagePoint {background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhry_Bn736-XAnicKVAqjCjTc8BR3591mPn6mUKwOrz190wUsTXfl5obfwGKJbkicmDyUk94Qq24QQ5f4G4cnocKIIFnl2HMCv8WmwQu2liKhsfmJCSAH-rwXxECO8qlwdQWagkyrkaQAQi/) 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;} </style> <script style='text/javascript'> var pageCount=5; var displayPageNum=1; var upPageWord="Previous"; var downPageWord="Next"; </script> <script type='text/javascript' src="http://widgets.way2blogging.org/blogger-widgets/w2b-beautiful-pagenavi.js"/>

#var pageCount=5; là số bài đăng mỗi trang

Lưu mẫu và xem kết quả