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/AVvXsEiH64kamrHQZzFtD4fx1gw9mWREnEmVXIndgCKQfGXm5zEyzl5FVoaLlqHdlyD8RsOjxIjB8_KkMK9Op_MvYguV5p7MNc5SAkk3mEXx2UwPhSLcxUaJw7CC1gbC_e2nqVUMY4inuXj-v58/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/AVvXsEiH64kamrHQZzFtD4fx1gw9mWREnEmVXIndgCKQfGXm5zEyzl5FVoaLlqHdlyD8RsOjxIjB8_KkMK9Op_MvYguV5p7MNc5SAkk3mEXx2UwPhSLcxUaJw7CC1gbC_e2nqVUMY4inuXj-v58/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/AVvXsEiH64kamrHQZzFtD4fx1gw9mWREnEmVXIndgCKQfGXm5zEyzl5FVoaLlqHdlyD8RsOjxIjB8_KkMK9Op_MvYguV5p7MNc5SAkk3mEXx2UwPhSLcxUaJw7CC1gbC_e2nqVUMY4inuXj-v58/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/AVvXsEiH64kamrHQZzFtD4fx1gw9mWREnEmVXIndgCKQfGXm5zEyzl5FVoaLlqHdlyD8RsOjxIjB8_KkMK9Op_MvYguV5p7MNc5SAkk3mEXx2UwPhSLcxUaJw7CC1gbC_e2nqVUMY4inuXj-v58/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/AVvXsEip4q5BzVV4D2NRLLMrEd7gaH2RSkT8n66WTQIUeJHEM44HOtdN7UTmwp-7AzHQpdKB3D9nbGcadxeJ7V2gYL-YAjf64tFEYpF7CtuUV7aRtS04DjO5JUrZN_TXsCThhYYW8hMS_VUUQck/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/AVvXsEgGrl5oPAKC8hiVzvzwtS9TECC5Vo0XHixZIyyyu23jRe4b40ue0J-m-AvZwBMRLMBhR4wCtpbgHYOT85mtoPNXW7Z9HUOi49cL0ufVvcy4XSQ045ZY3Se-BybZNjCU94GafnYIia3iTRY/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/AVvXsEgGrl5oPAKC8hiVzvzwtS9TECC5Vo0XHixZIyyyu23jRe4b40ue0J-m-AvZwBMRLMBhR4wCtpbgHYOT85mtoPNXW7Z9HUOi49cL0ufVvcy4XSQ045ZY3Se-BybZNjCU94GafnYIia3iTRY/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/AVvXsEgGrl5oPAKC8hiVzvzwtS9TECC5Vo0XHixZIyyyu23jRe4b40ue0J-m-AvZwBMRLMBhR4wCtpbgHYOT85mtoPNXW7Z9HUOi49cL0ufVvcy4XSQ045ZY3Se-BybZNjCU94GafnYIia3iTRY/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/AVvXsEgGrl5oPAKC8hiVzvzwtS9TECC5Vo0XHixZIyyyu23jRe4b40ue0J-m-AvZwBMRLMBhR4wCtpbgHYOT85mtoPNXW7Z9HUOi49cL0ufVvcy4XSQ045ZY3Se-BybZNjCU94GafnYIia3iTRY/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/AVvXsEip4q5BzVV4D2NRLLMrEd7gaH2RSkT8n66WTQIUeJHEM44HOtdN7UTmwp-7AzHQpdKB3D9nbGcadxeJ7V2gYL-YAjf64tFEYpF7CtuUV7aRtS04DjO5JUrZN_TXsCThhYYW8hMS_VUUQck/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/AVvXsEjmtLL_Mc_8dLsKDI41oCKZ59ND4kMIRdc6hDXKEKXiwmH8n8Dv-wpsUSbOT8YRNaN4na0ct1cvryN7UaWYaSOiPHnag8Dspu21g4aycBUahi6RAVywBB9kJ1f9MjALGJE_luvQDXy1bGE/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/AVvXsEjmtLL_Mc_8dLsKDI41oCKZ59ND4kMIRdc6hDXKEKXiwmH8n8Dv-wpsUSbOT8YRNaN4na0ct1cvryN7UaWYaSOiPHnag8Dspu21g4aycBUahi6RAVywBB9kJ1f9MjALGJE_luvQDXy1bGE/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/AVvXsEjmtLL_Mc_8dLsKDI41oCKZ59ND4kMIRdc6hDXKEKXiwmH8n8Dv-wpsUSbOT8YRNaN4na0ct1cvryN7UaWYaSOiPHnag8Dspu21g4aycBUahi6RAVywBB9kJ1f9MjALGJE_luvQDXy1bGE/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/AVvXsEjmtLL_Mc_8dLsKDI41oCKZ59ND4kMIRdc6hDXKEKXiwmH8n8Dv-wpsUSbOT8YRNaN4na0ct1cvryN7UaWYaSOiPHnag8Dspu21g4aycBUahi6RAVywBB9kJ1f9MjALGJE_luvQDXy1bGE/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/AVvXsEip4q5BzVV4D2NRLLMrEd7gaH2RSkT8n66WTQIUeJHEM44HOtdN7UTmwp-7AzHQpdKB3D9nbGcadxeJ7V2gYL-YAjf64tFEYpF7CtuUV7aRtS04DjO5JUrZN_TXsCThhYYW8hMS_VUUQck/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 →

Tạo phân trang cho bài viết dài trên blog

Nếu có một bài viết quá dài sẽ dẫn tới không đẹp mắt, ảnh hưởng ít nhiều đến SEO, Và gây ức chế cho người xem khi cứ phải kéo chuột để xem. Vậy tại sao bạn không chia nhỏ nó ra bằng cách phân trang trên chính bài viết đó. Bài viết này namkna sẽ hướng dẫn các bạn cách phân trang cho bài viết quá dài.

Các bạn có thể xem Demo: 
. 

Demo for Post

☼ Cách tiến hành:
  1- Đăng nhập vào Blog
  2- Vào Mẫu
  3- Chọn Chỉnh sử HTML (Edit HTML)
Đọc thêm »

More about →

Tạo phân trang Navigation màu đen cho blogger

Phân trang Navigation giúp blog của bạn chuyên nghiệp và đẹp mắt hơn. Giúp độc giả tiện theo dõi bài viết hơn.
Hôm nay namkna sẽ giới thiệu thêm cho các bạn một mẫu phân trang mới với style đen cho các bạn có thêm một lựa chọn.

Cách tiến hành:

1- Đăng nhập vào blog
2- Chọn Mẫu
3- Chọn Chỉnh sửa HTML
4- Chèn code bên dưới trước thẻ </body> 

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
    var postperpage=10;
    var numshowpage=4;
    var upPageWord =&#39;&#171; Previous &#39;;
    var downPageWord =&#39;Next &#187;&#39;;
    var urlactivepage=location.href;
    var home_page=&quot;/&quot;;
  </script>
<script type='text/javascript'>
//<![CDATA[
var nopage;var jenis;var nomerhal;var lblname1;halamanblogger();function loophalaman(banyakdata){var html='';nomerkiri=parseInt(numshowpage/2);if(nomerkiri==numshowpage-nomerkiri){numshowpage=nomerkiri*2+1}mulai=nomerhal-nomerkiri;if(mulai<1)mulai=1;maksimal=parseInt(banyakdata/postperpage)+1;if(maksimal-1==banyakdata/postperpage)maksimal=maksimal-1;akhir=mulai+numshowpage-1;if(akhir>maksimal)akhir=maksimal;html+="<span class='showpageOf'>Page "+nomerhal+' of '+maksimal+"</span>";var prevnomer=parseInt(nomerhal)-1;if(nomerhal>1){if(nomerhal==2){if(jenis=="page"){html+='<span class="showpage"><a href="'+home_page+'">'+upPageWord+'</a></span>'}else{html+='<span class="showpageNum"><a href="/search/label/'+lblname1+'?&max-results='+postperpage+'">'+upPageWord+'</a></span>'}}else{if(jenis=="page"){html+='<span class="showpageNum"><a href="#" onclick="redirectpage('+prevnomer+');return false">'+upPageWord+'</a></span>'}else{html+='<span class="showpageNum"><a href="#" onclick="redirectlabel('+prevnomer+');return false">'+upPageWord+'</a></span>'}}}if(mulai>1){if(jenis=="page"){html+='<span class="showpageNum"><a href="'+home_page+'">1</a></span>'}else{html+='<span class="showpageNum"><a href="/search/label/'+lblname1+'?&max-results='+postperpage+'">1</a></span>'}}if(mulai>2){html+=' ... '}for(var jj=mulai;jj<=akhir;jj++){if(nomerhal==jj){html+='<span class="showpagePoint">'+jj+'</span>'}else if(jj==1){if(jenis=="page"){html+='<span class="showpageNum"><a href="'+home_page+'">1</a></span>'}else{html+='<span class="showpageNum"><a href="/search/label/'+lblname1+'?&max-results='+postperpage+'">1</a></span>'}}else{if(jenis=="page"){html+='<span class="showpageNum"><a href="#" onclick="redirectpage('+jj+');return false">'+jj+'</a></span>'}else{html+='<span class="showpageNum"><a href="#" onclick="redirectlabel('+jj+');return false">'+jj+'</a></span>'}}}if(akhir<maksimal-1){html+='...'}if(akhir<maksimal){if(jenis=="page"){html+='<span class="showpageNum"><a href="#" onclick="redirectpage('+maksimal+');return false">'+maksimal+'</a></span>'}else{html+='<span class="showpageNum"><a href="#" onclick="redirectlabel('+maksimal+');return false">'+maksimal+'</a></span>'}}var nextnomer=parseInt(nomerhal)+1;if(nomerhal<maksimal){if(jenis=="page"){html+='<span class="showpageNum"><a href="#" onclick="redirectpage('+nextnomer+');return false">'+downPageWord+'</a></span>'}else{html+='<span class="showpageNum"><a href="#" onclick="redirectlabel('+nextnomer+');return false">'+downPageWord+'</a></span>'}}var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}function hitungtotaldata(root){var feed=root.feed;var totaldata=parseInt(feed.openSearch$totalResults.$t,10);loophalaman(totaldata)}function halamanblogger(){var thisUrl=urlactivepage;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?updated-max")!=-1){lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"))}else{lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}}if(thisUrl.indexOf("?q=")==-1&&thisUrl.indexOf(".html")==-1){if(thisUrl.indexOf("/search/label/")==-1){jenis="page";if(urlactivepage.indexOf("#PageNo=")!=-1){nomerhal=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length)}else{nomerhal=1}document.write("<script src=\""+home_page+"feeds/posts/summary?max-results=1&alt=json-in-script&callback=hitungtotaldata\"><\/script>")}else{jenis="label";if(thisUrl.indexOf("&max-results=")==-1){postperpage=20}if(urlactivepage.indexOf("#PageNo=")!=-1){nomerhal=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length)}else{nomerhal=1}document.write('<script src="'+home_page+'feeds/posts/summary/-/'+lblname1+'?alt=json-in-script&callback=hitungtotaldata&max-results=1" ><\/script>')}}}function redirectpage(numberpage){jsonstart=(numberpage-1)*postperpage;nopage=numberpage;var nBody=document.getElementsByTagName('head')[0];var newInclude=document.createElement('script');newInclude.type='text/javascript';newInclude.setAttribute("src",home_page+"feeds/posts/summary?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost");nBody.appendChild(newInclude)}function redirectlabel(numberpage){jsonstart=(numberpage-1)*postperpage;nopage=numberpage;var nBody=document.getElementsByTagName('head')[0];var newInclude=document.createElement('script');newInclude.type='text/javascript';newInclude.setAttribute("src",home_page+"feeds/posts/summary/-/"+lblname1+"?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost");nBody.appendChild(newInclude)}function finddatepost(root){post=root.feed.entry[0];var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);var timestamp=encodeURIComponent(timestamp1);if(jenis=="page"){var alamat="/search?updated-max="+timestamp+"&max-results="+postperpage+"#PageNo="+nopage}else{var alamat="/search/label/"+lblname1+"?updated-max="+timestamp+"&max-results="+postperpage+"#PageNo="+nopage}location.href=alamat}
//]]>
</script>
</b:if>
</b:if>

5- Chèn trước ]]></b:skin>
Đọc thêm »

More about →

Tạo phân trang dạng số cho blog trên 3000 bài

Page Navigation là một tiện ích không thể thiếu đối với các Pro Blog. Không chỉ điều hướng dễ dàng hơn so với phân trang mặc định của Blogspot, nó còn làm cho Blog của bạn trông bắt mắt và chuyên nghiệp hơn trong mắt đọc giả.

Page Navigation có nhiều phiên bản. Nhưng trong quá trình thực nghiệm, cũng như tham khảo những ý kiến phản hồi của các Blogger trong và ngoài nước,Theo đánh giá của namkna  thì tiện ích Page Navigation do Abu-Farhan phát triển là hoàn thiện nhất, do khắc phục được các nhược điểm “chết người” như :

1. Chỉ hỗ trợ tên miền .blogspot.com
2. Chỉ hỗ trợ tối đa 500 bài viết
3. Phải đọc tất cả các JSON file và vì vậy, nếu blog bạn có quá nhiều bài viết thì thời gian tải trang sẽ rất “khủng”
4. Tốn nhiều thời gian để tính toán tất cả các bài viết hiện có.
5. Phải can thiệp vào script để chèn Blog ID…v.v…

Lần trước mình đã giới thiệu Tạo phân trang dạng trượt, hôm nay namkna sẽ giới thiệu dạng tĩnh, và tất cả chúng đều do Abu-Farhan phát triển:

Đọc thêm »

More about →

Phân trang cuộn đẹp cho Blog trên 3000 bài viết

Phân trang cho blogspot có nhiều style khác nhau. Một trong số đó là kiểu phân trang dạng cuộn tùy biến từ plugin  phân trang của Wordpress có tên Paginator 3000 dựa theo ý tưởng của Ecto.ru và code của Karaboz.ru.

Page Navigation có nhiều phiên bản. Nhưng trong quá trình thực nghiệm, cũng như tham khảo những ý kiến phản hồi của các Blogger trong và ngoài nước, theo namkna thì tiện ích Page Navigation do Abu-Farhan phát triển là hoàn thiện nhất, do khắc phục được các nhược điểm “chết người” như :

•     Chỉ hỗ trợ tên miền .blogspot.com
•     Chỉ hỗ trợ tối đa 500 bài viết
•     Phải đọc tất cả các JSON file và vì vậy, nếu blog bạn có quá nhiều bài viết thì thời gian tải trang sẽ rất “khủng”
•     Tốn nhiều thời gian để tính toán tất cả các bài viết hiện có.
•     Phải can thiệp vào script để chèn Blog ID…v.v…

Lần trước đã giới thiệu Phân trang  dạng số. Hôm nay Namkna xin giới thiệu đến các bạn style Beautiful New Page Navi For Blogger With Scroll của tiện ích này, và tất cả chúng đều do Abu-Farhan phát triển :

VIEW DEMO

Ảnh minh họa:

Đọc thêm »

More about →

Tạo phân trang cuộn đẹp cho blogspot

Phân trang (Page Navigation) có nhiều phiên bản. Trong quá trình thiết kế blog để có thể chọn được kiểu phân trang đáp ứng được các yêu cầu như: tải nhanh, đẹp mắt, độc đáo, mới lạ, hoạt động tốt với các blog vượt dung lượng lưu trữ của feed (blog có trên 3000 bài viết),... Theo namkna thì tiện ích Page Navigation do Abu-Farhan phát triển mà namkna đã giới thiệu trước đây tại bài viết Phân trang (Paginator) cuộn đẹp cho Blogspot trên 3000 bài viết   là hoàn thiện nhất.

Bạn có thể xem ảnh minh họa bên dưới:

VIEW DEMO

» Ưu điểm:

• Giao diện đẹp, dễ tùy biến.
• Hiển thị tốt với các blog có trên 500 bài viết (thâm trí cả blog trên 3000 bài viết).
• Tốn ít thời gian để tính toán tất cả các bài viết hiện có => Giúp tăng tốc độ load của blog.
• Hỗ trợ cả tên miền tùy chỉnh.

Đọc thêm »

More about →

Tạo phân trang cho ô Comment của blogspot

Navigation for thread comment blogspot

Đối với bài viết blogspot có số lượng comment trên 200 thì ta gặp phải vấn đề là thread comment mặc định của blogger chỉ cho phép load 200 nhận xét, nếu muốn xem nhiều hơn bạn phải bấm và chữ "Tải thêm" và mỗi lần tải thêm chỉ load được thêm 50 comment như vậy nếu bài viết có khoảng 400 comment trở lên bạn sẽ phải bấm nhiều lần tải thêm mới có thể đọc được nhận xét mới nhất.

Đề giải quyết vấn đề này thì phân trang cho thread comment là một phương án giải quyết khá hữu hiệu. Vấn đề tạo phân trang cho thread comment phức tạp hơn so với các cách phân trang bình thường. Trong bài viết này mình sẽ hướng dẫn các bạn cách phân trang cho thread comment của blogspot.

Đọc thêm »

More about →