Tiện ích phân trang đẹp và hấp dẫn cho blogger

Bài hướng dẫn này sẽ giúp bạn tạo được widget chuyển hướng trang với phong cahs đẹp và hấp dẫn. bạn có thể chọn nó theo ý thích, Nó giúp khách có thể truy cập vào tất cả các trang trên blog của bạn. Nó sử dụng java script, CSS và HTML cho widget. bạn cũng có thể tham khảo bài viết trước đây của tôi về chuyển hướng ở đây hoặc ở đây

Bạn hãy làm theo các bước đơn giản sau:

1. Đăng nhập vào tài khoản blogger và nhấp thả xuống.

2. Bây giờ chọn " Mẫu "Cũng giống như dưới đây.

3. Bấm vào Thêm tiện ích và chọn "HTML / Javascript 
4. Dán dưới đây một trong những mã dưới đây. 
Style 1: 

<style type="text/css">.blog-pager,#blog-pager{font-family:arial, serif;font-weight:bold;font-size:12px;width:98%;}.showpageNum a,.showpage a {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpJPTP-Xt-Nn6eNrByhldZqOQTcf68OrALcACvpW6B2AVzJF9WE7OnUCVcmCt8vuw2nCG30DXik6fYzKdrcjLcb7FpUUzcN_otyW0VcC-Orx9UehKqCrST9eW-6PgrgDm-WLpso1ek_II/s1600/yellow-butt.png) repeat-x;background-position:0px -43px;border:1px solid #FD6C02;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
margin:0px 1px 0 1px;padding:3px 10px;color:#EEEEEE;line-height:30px;cursor:pointer;}.showpageNum a:hover,.showpage a:hover {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpJPTP-Xt-Nn6eNrByhldZqOQTcf68OrALcACvpW6B2AVzJF9WE7OnUCVcmCt8vuw2nCG30DXik6fYzKdrcjLcb7FpUUzcN_otyW0VcC-Orx9UehKqCrST9eW-6PgrgDm-WLpso1ek_II/s1600/yellow-butt.png) repeat-x;background-position:-10px -43px;
border:1px solid #FB5106;-webkit-border-radius:7px;
-moz-border-radius:7px;border-radius:7px;color:#ffffff;-text-decoration:underline;}.showpageOf{margin:0 8px 0 0;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpJPTP-Xt-Nn6eNrByhldZqOQTcf68OrALcACvpW6B2AVzJF9WE7OnUCVcmCt8vuw2nCG30DXik6fYzKdrcjLcb7FpUUzcN_otyW0VcC-Orx9UehKqCrST9eW-6PgrgDm-WLpso1ek_II/s1600/yellow-butt.png) repeat-x;background-position:0px -43px;border:1px solid #FD6C02;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;line-height:30px;padding:3px 10px;color:#ffffff;}.showpagePoint {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpJPTP-Xt-Nn6eNrByhldZqOQTcf68OrALcACvpW6B2AVzJF9WE7OnUCVcmCt8vuw2nCG30DXik6fYzKdrcjLcb7FpUUzcN_otyW0VcC-Orx9UehKqCrST9eW-6PgrgDm-WLpso1ek_II/s1600/yellow-butt.png) repeat-x;background-position:-55px -43px;margin:0 3px 0 3px;padding:3px 10px;line-height:30px;cursor:pointer;white-space:nowrap;border:1px solid #FB5106;-webkit-border-radius:7px;  -moz-border-radius:7px;border-radius:7px;color:#FFFFFF;text-decoration:underline;font-weight:bold;} </style> 
<a href="http://bloggertrix.com/" target="_blank" title="Free Backlinks"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnVf6tDD65Pjvz0kT-sbjF2pj2XB_LAjBNyeciH3a8NAYF6Sd7eL1Z6xhu9W8SAaVCrnIRhYwZfpKy30-JYG4zFeaEQws1mRk5WncKJjQp9jNvDPDqdsRnwtth1DW47bRLbJwVeYXzo5g/s1600/page-number.png" alt="Free Backlinks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>
<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://bloggertrix.googlecode.com/files/bloggertrix.js'></script>

Style 2:

<style type="text/css">.blog-pager,#blog-pager{font-family:arial, serif;font-weight:bold;font-size:12px;width:98%;}.showpageNum a,.showpage a {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA37xt3dnTt3LGrToCbNe4qiPe4PZ0QZqzWTvCVZ0CHPlXA4LP3eH0_srTExLOjJyR6Hcm14z7VdRzn6pFlr56QvUPaM89DU_DSuepDtJ2nDWipTk99S2GAxZetB0AWiTVeqRY1RaP7H8/s1600/greendiamond.png) repeat-x;background-position:0px -0px;border:2px solid #555;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;margin:0px 1px 0 1px;padding:3px 10px;color:#EEE;line-height:30px;cursor:pointer;-webkit-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);-moz-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);}.showpageNum a:hover,.showpage a:hover {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA37xt3dnTt3LGrToCbNe4qiPe4PZ0QZqzWTvCVZ0CHPlXA4LP3eH0_srTExLOjJyR6Hcm14z7VdRzn6pFlr56QvUPaM89DU_DSuepDtJ2nDWipTk99S2GAxZetB0AWiTVeqRY1RaP7H8/s1600/greendiamond.png) repeat-x;background-position:0px -30px;
border:2px solid #006666;-webkit-border-radius:20px;
-moz-border-radius:20px;border-radius:20px;color:#FFF;-text-decoration:underline;}.showpageOf{margin:0 8px 0 0;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA37xt3dnTt3LGrToCbNe4qiPe4PZ0QZqzWTvCVZ0CHPlXA4LP3eH0_srTExLOjJyR6Hcm14z7VdRzn6pFlr56QvUPaM89DU_DSuepDtJ2nDWipTk99S2GAxZetB0AWiTVeqRY1RaP7H8/s1600/greendiamond.png) repeat-x;background-position:0px -0px;border:2px solid #555;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;line-height:30px;padding:3px 10px;color:#EEE;-webkit-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);-moz-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);}.showpagePoint {background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA37xt3dnTt3LGrToCbNe4qiPe4PZ0QZqzWTvCVZ0CHPlXA4LP3eH0_srTExLOjJyR6Hcm14z7VdRzn6pFlr56QvUPaM89DU_DSuepDtJ2nDWipTk99S2GAxZetB0AWiTVeqRY1RaP7H8/s1600/greendiamond.png) repeat-x;background-position:0px -30px;margin:0 3px 0 3px;padding:3px 10px;line-height:30px;cursor:pointer;white-space:nowrap;border:2px solid #007777;-webkit-border-radius:20px;  -moz-border-radius:20px;border-radius:20px;color:#EEE;text-decoration:underline;font-weight:bold;-webkit-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);-moz-box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);box-shadow:6px 6px 12px 4px rgba(0,0,0, 0.2);} </style> 

<a href="http://bloggertrix.com/" target="_blank" title="Free Backlinks"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnVf6tDD65Pjvz0kT-sbjF2pj2XB_LAjBNyeciH3a8NAYF6Sd7eL1Z6xhu9W8SAaVCrnIRhYwZfpKy30-JYG4zFeaEQws1mRk5WncKJjQp9jNvDPDqdsRnwtth1DW47bRLbJwVeYXzo5g/s1600/page-number.png" alt="Free Backlinks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>
<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://bloggertrix.googlecode.com/files/bloggertrix.js'></script>

Style 3:

<style type="text/css">.blog-pager,#blog-pager{font-family:arial, serif;font-weight:bold;font-size:12px;width:98%;}.showpageNum a,.showpage a {
 background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitFjRHKDGtlcASrJYOL71rPVHytS__vJ_o-PxhOvt7iXpzEMR75AQc6qVjWTg0oSy0WaqlYS7WhjgQTaLslTN-nsh6SO88mNyOlTEDQkYH2XOpp60gCihyphenhyphenAtdJOvBQb7wlyAV4LD7dk7w/s1600/darkblue.png) repeat-x;
 border:2px solid #5C8CFB;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
 margin:0px 1px 0 1px;padding:3px 10px;color:#FFF;line-height:30px;cursor:pointer;white-space:nowrap;
 }.showpageNum a:hover,.showpage a:hover {
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitFjRHKDGtlcASrJYOL71rPVHytS__vJ_o-PxhOvt7iXpzEMR75AQc6qVjWTg0oSy0WaqlYS7WhjgQTaLslTN-nsh6SO88mNyOlTEDQkYH2XOpp60gCihyphenhyphenAtdJOvBQb7wlyAV4LD7dk7w/s1600/darkblue.png) repeat-x;
 border:2px solid #5C8CFB;-webkit-border-radius:7px;
  -moz-border-radius:7px;border-radius:7px;color:#e4905a;text-decoration:none;
 }.showpageOf{
 margin:0 8px 0 0;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitFjRHKDGtlcASrJYOL71rPVHytS__vJ_o-PxhOvt7iXpzEMR75AQc6qVjWTg0oSy0WaqlYS7WhjgQTaLslTN-nsh6SO88mNyOlTEDQkYH2XOpp60gCihyphenhyphenAtdJOvBQb7wlyAV4LD7dk7w/s1600/darkblue.png) repeat-x;border:2px solid #5C8CFB;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
line-height:30px;padding:3px 10px;color:#FFF;
 }.showpagePoint {
 background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitFjRHKDGtlcASrJYOL71rPVHytS__vJ_o-PxhOvt7iXpzEMR75AQc6qVjWTg0oSy0WaqlYS7WhjgQTaLslTN-nsh6SO88mNyOlTEDQkYH2XOpp60gCihyphenhyphenAtdJOvBQb7wlyAV4LD7dk7w/s1600/darkblue.png) repeat-x;
 margin:0 3px 0 3px;padding:3px 10px;
 line-height:30px;cursor:pointer;white-space:nowrap;
 border:2px solid #5C8CFF;-webkit-border-radius:7px;
  -moz-border-radius:7px;border-radius:7px;color:#e4905a;text-decoration:underline;font-weight:bold;
 } </style> 

<a href="http://bloggertrix.com/" target="_blank" title="Free Backlinks"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnVf6tDD65Pjvz0kT-sbjF2pj2XB_LAjBNyeciH3a8NAYF6Sd7eL1Z6xhu9W8SAaVCrnIRhYwZfpKy30-JYG4zFeaEQws1mRk5WncKJjQp9jNvDPDqdsRnwtth1DW47bRLbJwVeYXzo5g/s1600/page-number.png" alt="Free Backlinks" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a>
<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://bloggertrix.googlecode.com/files/bloggertrix.js'></script>

7. Bây giờ lưu của bạn HTML / Javascript.
Thật đơn giản phải không nào?
Chúc bạn thành công !...
                                                                                       Tham khảo từ: bloggertrix.com

More about →

Các mẫu phân trang đầy màu sắc cho blogger

Bài hướng dẫn này sẽ giúp bạn không những tạo được một kiểu phân trang hợp lý mà còn cung cấp cho bạn các mẫu với màu sắc khác nhau. Bạn có thể lựa chọn cho mình một màu sắc phù hợp với blog của bạn. Cách thêm vào blog cũng rất đơn giản, vì nó chỉ là widget.

Bạn hãy làm theo các bước đơn giản sau:

1. Đăng nhập vào tài khoản blogger và nhấp thả xuống.
Đọc thêm »

More about →

Làm thế nào để thêm widget chuyển hướng theo số trang cho blogger

Tạo phân trang cho blog là việc làm không thể thiếu đối với mỗi blogger ngay từ khi viết blog. Vậy làm thế nào để thêm widget chuyển hướng cho blogger? Với cách đơn giản sau, bạn có thể tạo được tiện ích phân trang ngay lập tức.

1. Đăng nhập vào blogger và Tới  Thiết kế >> Trang tử 
2. Bây giờ hãy nhấp Thêm tiện ích và chọn HTML / Javascript 

Đọc thêm »

More about →

Tạo phân trang với phong cách độc đáo cho blogger

Trong bài viết này sẽ giải thích làm thế nào để thêm phong cách độc đáo chuyển hướng số trang cho các blogger. Hầu hết số trang chuyển hướng không làm việc đúng mặc dù bạn đã đưa các mẫu mã để thêm vào blog của bạn. Trên thực tế đó cũng là một chút thử thách cho những người mới đến với blog / blogspot. 

Với bài hướng dẫn này, bạn có thể thêm thanh điều hướng này mà không cần nhiều hiểu biết về code. Bởi lẽ bạn chỉ cần thêm nó như là một ô tiện ích (widget). Dễ dàng quá phải không? Và trông nó cũng hấp hấp dẫn nữa. Thanh chuyển hướng này phù hợp với tất cả các trình duyệt.
Đọc thêm »

More about →

Danh mục Tạo phân trang cho blog

Bạn có thể lựa chọn cho mình một kiểu phân trang hợp lý qua các bài hướng dẫn bên dưới:

• Tạo phân trang cho bài viết dài trên blog
• Tạo phân trang Navigation màu đen cho blogger
• Tạo phân trang dạng số cho blog trên 3000 bài
• Phân trang cuộn đẹp cho Blog trên 3000 bài viết
• Tạo phân trang cuộn đẹp cho blogspot
• Tạo phân trang cho ô Comment của blogspot
• Tạo phân trang kiểu google

                                                                                                          Thu thuat vi tinh

More about →