Tạo phân trang cho Blogspot


Phân trang thì có rất nhiều kiểu loại mẫu mã.Nhiều cách bố trí cài đặt ví dụ như áp dụng theo cách chỉnh sửa HTML trong template hay là thêm một tiện ích.Để đơn giản cho việc cài đặt cũng như dỡ bỏ khi cần thiết ở đây ta chỉ cần thêm một tiện ích và dán code vào là xong.
Trong ảnh có tất cả 10 mẫu phân trang có đánh số thứ tự bên cạnh bạn thích loại nào thì lấy code tương ứng ở bên dưới
Mẫu 1
<style type='text/css'>
.blog-pager,#blog-pager{font-size:normal}
.showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:11px;margin:10px}
.showpageArea a{color:#000;text-shadow:0 1px 2px #fff;font-weight:bold}
.showpageNum a{color:#000;padding:3px 8px;margin:0 4px;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px;background:#f8b5a4 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnIvRWK84toKI2v4r5Wok6AuGHq776sJjAjDcVd2NFrEJc0iAE5c897EGCD9W6s4t5xM4iOBfQLNIehX3Fn32OOps0nAdphbQ9HdBeegPv5OTvL-2ELajOVf4X_PqyXEy63W_rLZerilg8/s90/pagenav1.png) 0 -60px repeat-x}
.showpageNum a:hover{border:1px solid #888;background:#f7cac9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnIvRWK84toKI2v4r5Wok6AuGHq776sJjAjDcVd2NFrEJc0iAE5c897EGCD9W6s4t5xM4iOBfQLNIehX3Fn32OOps0nAdphbQ9HdBeegPv5OTvL-2ELajOVf4X_PqyXEy63W_rLZerilg8/s90/pagenav1.png) 0 -30px repeat-x}.showpageOf{margin:0 4px 0 0}
.showpagePoint{color:#666;padding:3px 8px;margin:2px;font-weight:bold;-webkit-border-radius:3px;-moz-border-radius:3px;border:1px solid #999;background:#f2f0f0 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnIvRWK84toKI2v4r5Wok6AuGHq776sJjAjDcVd2NFrEJc0iAE5c897EGCD9W6s4t5xM4iOBfQLNIehX3Fn32OOps0nAdphbQ9HdBeegPv5OTvL-2ELajOVf4X_PqyXEy63W_rLZerilg8/s90/pagenav1.png) 0 -5px repeat-x;text-decoration:none}" 
</style>
<script type='text/javascript'>
var postperpage=5;//Số bài viết mỗi lần phân trang
var numshowpage=5;//Số nút phân trang
var upPageWord="Prev";
var downPageWord="Next";
var home_page="/";
var urlactivepage=location.href;
</script>
<script type='text/javascript' src='https://googledrive.com/host/0B7dsLzZ8KnJmWDFyelBrOTJfa0U/'></script>
Mẫu 2
<style type='text/css'>
.blog-pager,#blog-pager{font-size:normal}.showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:11px;margin:10px}.showpageArea a{color:#000;text-shadow:0 1px 2px #fff;font-weight:normal}.showpageNum a{padding:3px 8px;margin:0 4px;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px;background:#b1a7c3 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU38EvJAh4dAYCnsYQHj9L5Z1Fgt8y_HDwLk6t5ldeU3fIGH-3qwwlTrreoJMrEYnq5rUdTtxDx9Bh3gJozH1IJnjy_Sh5221njnWgjldYPBvnoiw127V9dm9g4JgV3vhi5GwVxe0QBqjl/s90/pagenav2.png) 0 -60px repeat-x}.showpageNum a:hover{border:1px solid #888;background:#f7b36a url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU38EvJAh4dAYCnsYQHj9L5Z1Fgt8y_HDwLk6t5ldeU3fIGH-3qwwlTrreoJMrEYnq5rUdTtxDx9Bh3gJozH1IJnjy_Sh5221njnWgjldYPBvnoiw127V9dm9g4JgV3vhi5GwVxe0QBqjl/s90/pagenav2.png) 0 -30px repeat-x}.showpageOf{margin:0 4px 0 0}.showpagePoint{color:#444;text-shadow:0 1px 2px #333;padding:3px 8px;margin:2px;font-weight:700;-webkit-border-radius:3px;-moz-border-radius:3px;border:1px solid #999;background:#f7d5b0 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU38EvJAh4dAYCnsYQHj9L5Z1Fgt8y_HDwLk6t5ldeU3fIGH-3qwwlTrreoJMrEYnq5rUdTtxDx9Bh3gJozH1IJnjy_Sh5221njnWgjldYPBvnoiw127V9dm9g4JgV3vhi5GwVxe0QBqjl/s90/pagenav2.png) 0 0 repeat-x;text-decoration:none} 
</style>
<script>
var postperpage=5;
var numshowpage=5;
var upPageWord="Prev";
var downPageWord="Next";
var home_page="/";
var urlactivepage=location.href;
</script>
<script src="https://googledrive.com/host/0B7dsLzZ8KnJmWDFyelBrOTJfa0U/"></script>
Mẫu 3
<style type='text/css'>
.blog-pager,#blog-pager{font-size:normal}.showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:11px;margin:10px}.showpageArea a{color:#000;text-shadow:0 1px 2px #fff;font-weight:normal}.showpageNum a{padding:3px 8px;margin:0 4px;text-decoration:none;border-bottom:3px solid #fe9a2e;background:#f7f8e0}.showpageNum a:hover{border-bottom:3px solid #df01d7;background:#f6cee3}.showpageOf{margin:0 4px 0 0}.showpagePoint{color:#333;text-shadow:0 1px 2px #333;padding:3px 8px;margin:2px;font-weight:700;border-bottom:3px solid #fe9a2e;background:#f8e0f7;text-decoration:none}
</style>
<script>
var postperpage=5;
var numshowpage=5;
var upPageWord="Prev";
var downPageWord="Next";
var home_page="/";
var urlactivepage=location.href;
</script>
<script src="https://googledrive.com/host/0B7dsLzZ8KnJmWDFyelBrOTJfa0U/"></script>
Mẫu 4
<style type='text/css'>
.blog-pager,#blog-pager{font-size:normal}.showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:11px;margin:10px}.showpageArea a{color:#000;text-shadow:0 1px 2px #fff;font-weight:normal}.showpageNum a{padding:2px 8px;margin:0 4px;text-decoration:none;border-bottom:2px solid #5fb404;border-top:2px solid #5fb404;background:#effbf5}.showpageNum a:hover{border-bottom:2px solid #df01d7;background:#a9f5f2;border-top:2px solid #df01d7}.showpageOf{margin:0 4px 0 0}.showpagePoint{color:#fff;text-shadow:0 1px 2px #333;padding:2px 8px;margin:2px;font-weight:700;border-bottom:2px solid #5e610b;border-top:2px solid #5e610b;background:#5e610b;text-decoration:none}
</style>
<script>
var postperpage=5;
var numshowpage=5;
var upPageWord="Prev";
var downPageWord="Next";
var home_page="/";
var urlactivepage=location.href;
</script>
<script src="https://googledrive.com/host/0B7dsLzZ8KnJmWDFyelBrOTJfa0U/"></script>
Mẫu 5
<style type='text/css'>
.blog-pager,#blog-pager{font-size:normal}.showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:11px;margin:10px}.showpageArea a{color:#000;text-shadow:0 1px 2px #fff;font-weight:700}.showpageNum a{padding:3px 8px;margin:0 4px;text-decoration:none;border:1px solid #999;-webkit-border-radius:3px;-moz-border-radius:3px;background:#ddd url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxghTaD-9O-9_S_dyIiUXPWm5K4kvtdATN9_97tsJPwuBnLTaBrySqzvFczJhyphenhyphenyhYgcKJx79iKDJLQSAUhSySFYlwSz8YEkFDoiePRFeAePb48k8HaTVYsgfzifwqQIlMvBVoDiva_Kp96/s75/wp1.jpg) 0 -50px repeat-x}.showpageNum a:hover{border:1px solid #888;background:#ccc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxghTaD-9O-9_S_dyIiUXPWm5K4kvtdATN9_97tsJPwuBnLTaBrySqzvFczJhyphenhyphenyhYgcKJx79iKDJLQSAUhSySFYlwSz8YEkFDoiePRFeAePb48k8HaTVYsgfzifwqQIlMvBVoDiva_Kp96/s75/wp1.jpg) 0 -25px repeat-x}.showpageOf{margin:0 4px 0 0}.showpagePoint{color:#fff;text-shadow:0 1px 2px #333;padding:3px 8px;margin:2px;font-weight:700;-webkit-border-radius:3px;-moz-border-radius:3px;border:1px solid #999;background:#666 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxghTaD-9O-9_S_dyIiUXPWm5K4kvtdATN9_97tsJPwuBnLTaBrySqzvFczJhyphenhyphenyhYgcKJx79iKDJLQSAUhSySFYlwSz8YEkFDoiePRFeAePb48k8HaTVYsgfzifwqQIlMvBVoDiva_Kp96/s75/wp1.jpg) 0 0 repeat-x;text-decoration:none}
</style>
<script>
var postperpage=5;
var numshowpage=5;
var upPageWord="Prev";
var downPageWord="Next";
var home_page="/";
var urlactivepage=location.href;
</script>
<script src="https://googledrive.com/host/0B7dsLzZ8KnJmWDFyelBrOTJfa0U/"></script>
Mẫu 6
<style type='text/css'>
.blog-pager,#blog-pager{font-size:normal}.showpageArea{font-family:verdana,arial,helvetica;color:#000;font-size:11px;margin:10px}.showpageArea a{color:#000;text-shadow:0 1px 2px #fff;font-weight:700}.showpageNum a{padding:3px 8px;margin:0 4px;text-decoration:none;border:1px solid #919106;-webkit-border-radius:3px;-moz-border-radius:3px;background:#ddd url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSsfXAvnfWJs_Ot7jDZLvqs04up6eamhiuqKdR0xJGivXIcXRvUH3TnZgWzq6ujsgdKxd8KzhD6GIWPwhuEvPAd88NrxPbw_aIPkUFSDO6vztJRByly1IhRNlWhLVzu0Fca2Dfdi_7TSdg/s75/wp2.jpg) 0 -50px repeat-x}.showpageNum a:hover{border:1px solid #aeae0a;background:#ccc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSsfXAvnfWJs_Ot7jDZLvqs04up6eamhiuqKdR0xJGivXIcXRvUH3TnZgWzq6ujsgdKxd8KzhD6GIWPwhuEvPAd88NrxPbw_aIPkUFSDO6vztJRByly1IhRNlWhLVzu0Fca2Dfdi_7TSdg/s75/wp2.jpg) 0 -25px repeat-x}.showpageOf{margin:0 5px 0 0}.showpagePoint{color:#fff;text-shadow:0 1px 2px #333;padding:3px 8px;margin:2px;font-weight:bold;-webkit-border-radius:3px;-moz-border-radius:3px;border:1px solid #919106;background:#666 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSsfXAvnfWJs_Ot7jDZLvqs04up6eamhiuqKdR0xJGivXIcXRvUH3TnZgWzq6ujsgdKxd8KzhD6GIWPwhuEvPAd88NrxPbw_aIPkUFSDO6vztJRByly1IhRNlWhLVzu0Fca2Dfdi_7TSdg/s75/wp2.jpg) 0 0 repeat-x;text-decoration:none}
</style>
<script>
var postperpage=5;
var numshowpage=5;
var upPageWord="Prev";
var downPageWord="Next";
var home_page="/";
var urlactivepage=location.href;
</script>
<script src="https://googledrive.com/host/0B7dsLzZ8KnJmWDFyelBrOTJfa0U/"></script>
Mẫu 7
<style type='text/css'>
.blog-pager,#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/AVvXsEhhUq7GnrOJqNFiYzzZG23PbOY6ABi4W_Alsj2XLfafxcogJehcpyLnz6Zv83_YuP-DbxOTyPa-xfs_AZw6i5ur9RifOwwHSZyXRJWQdJB27p7em-P7dBIG-JQuhsgOdTMECdF8k8GhHbD5/s75/wp3.jpg) 0 -25px repeat-x}.showpageNum a:hover{background:#044697 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhUq7GnrOJqNFiYzzZG23PbOY6ABi4W_Alsj2XLfafxcogJehcpyLnz6Zv83_YuP-DbxOTyPa-xfs_AZw6i5ur9RifOwwHSZyXRJWQdJB27p7em-P7dBIG-JQuhsgOdTMECdF8k8GhHbD5/s75/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/AVvXsEhhUq7GnrOJqNFiYzzZG23PbOY6ABi4W_Alsj2XLfafxcogJehcpyLnz6Zv83_YuP-DbxOTyPa-xfs_AZw6i5ur9RifOwwHSZyXRJWQdJB27p7em-P7dBIG-JQuhsgOdTMECdF8k8GhHbD5/s75/wp3.jpg) 0 0 repeat-x;text-decoration:none}.showpageOf{margin:0 5px 0 0}
</style>
<script>
var postperpage=5;
var numshowpage=5;
var upPageWord="Prev";
var downPageWord="Next";
var home_page="/";
var urlactivepage=location.href;
</script>
<script src="https://googledrive.com/host/0B7dsLzZ8KnJmWDFyelBrOTJfa0U/"></script>
Mẫu 8
<style type='text/css'>
.blog-pager,#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/AVvXsEiSod1NFehEJiCz3qtskCr6KFMCVK1pmK9odMg0VK21b1RlyDHrrcMYMYVWHVrr8jGfgijxLQ1Oq8JL_McH7CkArGSIUIOFSJYBjgiCtKho7xR8CtZW9kpE373iMEGiqPZKB4GCq-2P3Ox0/s75/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/AVvXsEiSod1NFehEJiCz3qtskCr6KFMCVK1pmK9odMg0VK21b1RlyDHrrcMYMYVWHVrr8jGfgijxLQ1Oq8JL_McH7CkArGSIUIOFSJYBjgiCtKho7xR8CtZW9kpE373iMEGiqPZKB4GCq-2P3Ox0/s75/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/AVvXsEiSod1NFehEJiCz3qtskCr6KFMCVK1pmK9odMg0VK21b1RlyDHrrcMYMYVWHVrr8jGfgijxLQ1Oq8JL_McH7CkArGSIUIOFSJYBjgiCtKho7xR8CtZW9kpE373iMEGiqPZKB4GCq-2P3Ox0/s75/wp4.jpg) 0 0 repeat-x;text-decoration:none}.showpageOf{margin:0 5px 0 0}
</style>
<script>
var postperpage=5;
var numshowpage=5;
var upPageWord="Prev";
var downPageWord="Next";
var home_page="/";
var urlactivepage=location.href;
</script>
<script src="https://googledrive.com/host/0B7dsLzZ8KnJmWDFyelBrOTJfa0U/"></script>
Mẫu 9
<style type='text/css'>
.blog-pager,#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:#333 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvuN2mjND_alMNKJvM0pVxp68PofP5ozMvZ2eQLACevyJmFQIOAZ21zb58HNWRL79C1ZyRq7RN5Q3GwFmSXhsdUtvO5ZgSOdQfDJujRzzhQOIBfogv5v6WP5m_yLChnMPcDV0GIoOuSbg2/s75/wp5.jpg) 0 -50px repeat-x}.showpageNum a:hover{background:#666 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvuN2mjND_alMNKJvM0pVxp68PofP5ozMvZ2eQLACevyJmFQIOAZ21zb58HNWRL79C1ZyRq7RN5Q3GwFmSXhsdUtvO5ZgSOdQfDJujRzzhQOIBfogv5v6WP5m_yLChnMPcDV0GIoOuSbg2/s75/wp5.jpg) 0 -25px repeat-x}.showpagePoint{color:#fff;padding:3px 8px;margin:2px;font-weight:700;background:#06a2b9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvuN2mjND_alMNKJvM0pVxp68PofP5ozMvZ2eQLACevyJmFQIOAZ21zb58HNWRL79C1ZyRq7RN5Q3GwFmSXhsdUtvO5ZgSOdQfDJujRzzhQOIBfogv5v6WP5m_yLChnMPcDV0GIoOuSbg2/s75/wp5.jpg) 0 0 repeat-x;text-decoration:none}.showpageOf{margin:0 5px 0 0}
</style>
<script>
var postperpage=5;
var numshowpage=5;
var upPageWord="Prev";
var downPageWord="Next";
var home_page="/";
var urlactivepage=location.href;
</script>
<script src="https://googledrive.com/host/0B7dsLzZ8KnJmWDFyelBrOTJfa0U/"></script>
Mẫu 10
<style type='text/css'>
.blog-pager,#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>
var postperpage=5;
var numshowpage=5;
var upPageWord="Prev";
var downPageWord="Next";
var home_page="/";
var urlactivepage=location.href;
</script>
<script src="https://googledrive.com/host/0B7dsLzZ8KnJmWDFyelBrOTJfa0U/"></script>
Lưu ý
Để tiện ích phân trang chạy mượt mà không những tại trang chủ mà khi vào trang nhãn không bị hiện tượng liệt kê 1 dãy bài(20 bài)và có khi còn không thấy tiện ích phân trang đâu nữa.Các bạn cần làm thêm công việc sau:
Các bạn vào chỉnh sửa mẫu tìm tới những đoạn code có dạng:
expr:href='data:label.url'
Và sửa nó thành:
expr:href='data:label.url + &quot;?&amp;max-results=5&quot;'
Tiếp đến bạn đặt đoạn javascript dưới đây vào ngay sau thẻ <head>
<script type='text/javascript'>
//<![CDATA[
/*---- ©:DautoCrazy.Blog-----*/
if(!location.href.match('max-results=')){if(location.href.match('/search/label/')){location.href = location.href + '?&max-results=5' ;}}
//]]>
</script>

Ở đây ta thống nhất mỗi lần phân trang trên mỗi trang hiển thị 5 bài và cài đặt số bài ở trang chủ cũng là 5 và số nút phân trang(numshowpage) hiển thị cũng là 5 số nút này tùy thuộc vào độ rộng của khung post bài mà bạn có thể thay đổi cho hợp lý.

Tạo Album (Slide) ảnh với crazyprofile.com

      Hiện nay có nhiều trang cho tạo slide ảnh trực tuyến. Trang http://www.crazyprofile.com là một trong số đó. Cách tạo đơn giản. Nhiều hiệu ứng. Rất phù hợp với bạn.
      Đầu tiên các bạn chuẩn bị các bức ảnh yêu thích của mình.
      untitled_500_03
      Chọn thẻ Files. Chọn Browse để up ảnh lên (chỉ có thể úp từng ảnh một)
      Sau khi đưa ảnh xong, các bạn vào CUSIONMIZE để chọn các hiệu ứng.
untitled_500_04
     Cuối cùng bạn vào DONE để lấy code (nhấn vào Get code) và vào trang web của mình mà dán vào (tạo khối chức năng hoặc khối chính)
untitled_500_05

Chèn file word vào power point

Tại trang bạn muốn liên kết tạo một Text Box ở một vị trí nào đó (như ở góc dưới bên phải chẳng hạn).
Trên thanh menu, chọn Slide Show rồi chọn Action Settings
 
 untitled_02
Xuất hiện hộp thoại Action Settings
Hộp thoại Action Settings, chọn trang Mouse Click, chọn Hyperlink to
Click vào chọn danh sách
 
 untitled_03
 
Xuất hiện hộp thoại Hyperlink to Other File
 
untitled_04
Click chọn Other File
Hộp thoại Hyperlink to Other File
Tìm đến file word cần liên kết.
 untitled_500_01
Chọn OK
Bây giờ mỗi lần trình chiếu bạn chỉ việc click vào Text Box mà bạn tạo thì file word hiện ra. ở đó bạn có thể chỉnh sửa, phóng to, thu nhỏ, ... rất tiện lợi.