Cách Tạo Phân Trang Đẹp Cho Blogspot

Trong bài viết này mình sẽ chia sẻ cho các bạn cách đơn giản nhất để phân trang cho Blogspot.Phân trang cho blogspot giúp blog của bạn không hiển thị các bài viết một cách chàn lan trên trang chủ.Phân trang cho Blogspot là cách thay thế New Post và Old Post mặc định của Blogger. Nó làm cho blog của bạn thêm chuyên nghệp hơn,tiện lợi hơn cho khách truy cập blogspot.

DEMO Phân Trang Đẹp Cho Blog

Tạo phân trang cho Blog rất là quan trọng cho blog/website của bạn.Clog Chu Minh Nam sẽ chia sẻ cách tạo phân trang cho Blogspot ngay bên dưới.Nếu bạn thành công thì vui lòng commnet bên dưới để mình biết nhé :))

Hướng dẫn cách phân trang cho Blogspot:

Bước 1: Chèn đoạn code css bên dưới vào trên thẻ đóng </head> ,bạn có thể chỉnh sửa thông số của đoạn code để có cho mình một giao diện phân trang riêng.
showpage a:hover,.showpageNum a:hover,.showpagePoint:hover{background:rgba(0,0,0,0.03);color:#333;position:relative;}
.showpagePoint{background:#2980b9;color:#fff;}
@media screen and (max-width:640px) {
#blog-pager {padding:12px;}
.showpage a,.showpageNum a,.showpagePoint,.showpageOf{margin:0 2px 2px 0;box-shadow:0 1px 2px 1px rgba(0,0,0,0.1);}}
@media screen and (max-width:320px) {
.showpage a,.showpageNum a,.showpagePoint,.showpageOf{padding:3px 6px}}
</style>
</b:if>
</b:if>
Bước 2: Chèn đoạn code sau lên trước thẻ đóng </body>
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>

Ghi chú: 7 là số bài viết hiển thị trên 1 trang ; 3 là số trang hiển thị trên phân trang ; Prev, Next:Các từ bạn có thể thay đổi: Trở lại - Tiếp theo.

Bước 3: Bạn tìm đoạn <b:includable id='main' var='top'>, bên trong hàm này bạn sẽ thấy đoạn này
<!-- navigation -->
    <b:include name='nextprev'/>
Bước 4: Thay đoạn code trên bằng đoạn code sau:
<!-- navigation -->
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
        <b:include name='nextprev'/>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;archive&quot;'>
        <b:include name='nextprev'/>
    <b:else/>
        <b:if cond='data:blog.homepageUrl != data:blog.url'>
<!-- navigation -->
<b:include name='nextprev'/>
</b:if>
    </b:if>
    </b:if>