▀▄▀▄▀▄▀▄▀▄▀▄ Các bài đăng mới ▀▄▀▄▀▄▀▄▀▄▀
    Kenh sctv1 Kenh sctv1 Kenh sctv1
    Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1 Kenh sctv1
    Kenh sctv1 Kenh sctv5 Kenh HTV2 Kenh SCTV16




Xem truyền hình trực tuyến (Click here)

PHÂN TRANG CHO BLOG



Để 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
<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>
 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.
Ngoài ra còn các mẫu khác mời bạn xem thêm TẠI ĐÂY

30 nhận xét:

kimduccz nói...

Hay quá, nhưng em nhìn cái Code nó dài thế kia mà ngại làm quá hihi...

Huỳnh Hôn nói...

Cám ơn bài viết về cách phân trang cho blog của bạn, mình làm được rồi nhưng hình như nó bị lỗi hay sao ấy khi dùng trình duyệt Firefox. bạn vào và xem sao: huynhhon.blogspot.com

dunghennessy nói...

Tôi có vào Blog của bạn thì thấy phân trang vẫn áp dụng được, bình thường mà!!!

Mr.phong nói...

em coppy roi ma khong duoc nek hjc chan ge anh giup em voi

dunghennessy nói...

Bạn đã làm thành công rồi mà!!!
Tôi vào Blog của bạn và thấy trang đăng bài của bạn có thanh phân trang như hướng dẫn ở trên, vậy là được rồi đó, bạn xem lại thử xem

Võ Văn Tùng nói...

anh oi sao em phan trang ko dc zay a. trang cua e la vovantung.blogspot.com a giup em voi nha...

dunghennessy nói...

Em phải kéo nó xuống nằm phía dưới bài đăng mới được nha

Võ Văn Tùng nói...

em kéo xuống nằm dưới bài đăng rùi nhưng không được anh ơi, anh có thể giành chút thời gian vào blog của em để kiểm tra lại ko anh, em sẽ đưa IP cho anh, cám ơn anh nhiều

dunghennessy nói...

Vậy chắc là do giao diện của Blog em không thích hợp rồi, nếu vậy Anh cũng "bó tay" thôi em à

Võ Văn Tùng nói...

anh Dung oi mau cua em tao phan trang cung ko hien thi, co cach nao a giup em voi ko

dunghennessy nói...

Em nói đúng, code trên sẽ không phù hợp được với với một số giao diện nhất định

Friend NTT Online nói...

Em đã thử phân trang nhưng khi vào nhãn thì nó không phân trang nữa

dunghennessy nói...

Anh đã vào trang Blog của em thì nhận thấy em chưa có phân trang cho nó mà

Friend NTT Online nói...

À. Lần trước thì em phân trang rồi nhưng bị lỗi phần em nói với anh bên trên nên em bỏ nó đi.
Bây giờ em em phân trang cho nó rồi đấy.
Anh vào kiểm tra hộ em nhé!
http://friendntt.co.cc

dunghennessy nói...

Phân trang khá đẹp nhưng mỗi khi qua trang mới bài của em bị thiếu 1 ô cuối cùng, do vậy em mở code phân trang ra và chỉnh các số ở trong code thành số chẳn thì sẽ đẹp hơn
Chúc em thành công

Friend NTT Online nói...

Cám ơn anh. Nhưng em vào nhãn thì không phân trang được

dunghennessy nói...

Ở nhãn khi nào bài trong cùng một nhãn quá nhiều (Anh nhớ không lầm là trên 20 bài) thì nó mới phân trang còn ít hơn thì nó sẽ hiển thị hết trên trang chủ, do đó còn đâu nữa mà phân trang cho em, phải không?

Friend NTT Online nói...

Anh ơi. Em đã ẩn tiện ích HTML ở sidebar nhưng khi mở trang mới ở mục phân trang thì tiện ích đó lại hiện ra.
Tiện ích đó em đã test thử ở trang chủ, bài đăng, nhãn thì nó không hiện ra.

dunghennessy nói...

Em nói đúng rồi, cái vụ này Anh cũng đang nghiên cứu (nó quá sức đối với Anh rồi), anh cũng nhức đầu về mấy vụ đó nè. Em cũng thử nghiên cứu dùm anh xem có phát hiện gì khắc phục được thì mail cho Anh nha.

Blog Trình nói...

bạn ơi! mình chưa hiểu về phân trang,mình viết 5 bài trên blog của mình vì nội dung của bài dài quá nên mình muốn chia mỗi bài một trang được không bạn, mình đã chép code để phân trang thì được rồi nhưng khi mở sang trang 2 thì chẳng có gì, mà tất cả bài viết vẫn hiển thị trên trang chính dài ngoằng, làm rất xấu trang mặt tiền khi vào đọc, bạn xem qua rồi chỉ giáo cho mình đc không, thank bạn nhiều http://dienlanh247.blogspot.com; rất mong đc bạn chỉ giáo sớm hoặc gửi cho mình qua mail với nhé phongtran8687@gmail.com

dunghennessy nói...

Bạn xem thêm bài "TẠO CHỮ ĐỌC THÊM CHO BLOG" ở mục Thủ thuật cơ bản để giới hạn cho bài viết xuất hiện ở Trang chủ nha...
Chúc bạn thành công

phamvanphuong nói...

Anh Dũng ơi!
Em tạo phân trang sao nó không kiểm soát được tất cả các bài đã đăng!
Không biết nó bị lỗi sao không nửa! Em đang dùng mẫu template của Anh kia mà! Em thấy trên trang blog Anh nó hiện khá đầy đủ các bài đăng mà blog của em thì....
Anh có cách nào không?

phamvanphuong nói...

Trang blog của em nó có vấn đề hay sao há! Bình thường khi chưa dùng cách phân trang của Anh nó cũng hiện lên không đủ số bài mà em khai báo(em khai báo 20 bài). Lúc thì 16, lúc thì 5!Anh có cách nào để giải quyết vấn đề này không?

dunghennessy nói...

Em làm lại thử xem

Nguyễn Bảo nói...

Rất hay. và gọn gàng! cho mình hỏi code phan trang này có làm ảnh hưởng tới tốc độ load trang ko bạn!?

dunghennessy nói...

Code này không ảnh hưởng đến tốc độ load trang...

Unknown nói...

Thank bạn nhiều nha, mình đã làm được rồi

dunghennessy nói...

Chúc mừng bạn nha...

lonsas123 nói...

em sài Jimdo.com thầy ơi :( k làm sao mà phân trang được ạ
shopkillmarksail.jimdo.com

Unow22 nói...

In the next stage, check the customer-related policies. After all, when you shop from a brand, it’s not only the products that matter but also the service the brand provides. If these policies seem fair and convenient to you, move the brand to the next stage of testing. Cannabis products have been in the market for quite some time now. They have gained much popularity, thanks to their recreational and medicinal properties. But synthetic urine is still a relatively new product in the market. There are a lot of things that you might not know about it.Have you ever failed a drug test? It isn't a fun experience. Let's say you just got offered a new job, but there's a required drug test beforehand. Even with an increasing number of states legalizing and decriminalizing marijuana use, you can still be penalized for it showing up on a drug test. And unfortunately, many employers still mandate drug testing as a part of their hiring process. Even rehabilitation clinics and prisons can order random drug tests if they have some reason for concern. RELATED: How to pass any drug test (urine, hair, blood, saliva) Luckily, all hope is not lost if you've recently done a little weekend pot and have a drug test coming up. The answer to your problems is synthetic urine, also known as fake pee. The test kit was created for individuals that have extremely high levels of THC toxins in their systems and want a fast way to detox Synthetic urine kits are your best chance to successfully and surely clear these unbeatable drug tests

Đăng nhận xét

 
Powered by by: Blogger