* HỘI THÁNH TIN LÀNH KIỀN BÁI * : PHÂN TRANG BLOGSPOT

Đăng bởi Bùi Qúy Đôn | Thứ Sáu, 1 tháng 3, 2013

CODE PHÂN TRANG ĐẸP CHO BLOGSPOT

Code phân trang đẹp cho blogspot

Thủ thuật- Code phân trang đẹp cho blogspot

Làm thế nào để phân trang đẹp cho blogger?

Code phân trang cho blogger có khá nhiều, những mẫu khác nhau. Ở bài viết hướng dẫn thủ thuật blogger này mình giới thiệu tới các bạn code phân trang đẹp và ổn định cho blogspot.

DEMO

CÁCH LÀM THỦ THUẬT: Code phân trang đẹp cho blogspot

1. Vào bảng điều khiển blogger -> Bố cục (Layout) -> Thêm tiện ích (Add a widget) -> HTML/javascript (Chú ý, tiện ích nên thêm ở dưới Post - xem hình dưới)

2. Dán đoạn Code phân trang đẹp cho blogspot dưới đây vào tiện ích vừa thêm

CODE:

<style>#blog-pager{clear:both;margin:20px 0 20px;font-size: 12px;padding:10px 0;}#blog-pager-newer-link{float: left;}#blog-pager-older-link{float: right;}.Profile img{border:3px solid;float:left;margin:5px 10px 5px 0;padding:2;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.profile-data{color:#999999;font:bold 20px/1.6em Arial,Helvetica,Tahoma,sans-serif;font-variant:small-caps;margin:0;text-transform:capitalize;}.profile-datablock{margin:0.5em 0;}.profile-textblock{line-height:1.6em;margin:0.5em 0;}a.profile-link{clear:both;display:block;font:80% monospace;padding:10px 0;text-align:center;text-transform:capitalize;}h2.date-header, .PageList h2{display:none;}#blog-pager-older-link a,#blog-pager-newer-link a,a.home-link,.showpageNum a,.showpage a{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_4YRrwjyZttSo3MNQf9h64hBUr7QUKbBGEjA6qZmMl0eLv-f8vsf7UU3k2nGcpikEHAoTFm12GMWJ9owXeO5ppfKHTGFLQqdLJbZBO-OhQl9nNAT_D-IHchEIXwjJ7GFdWY0Sddjhx3k/s1600/nav.jpg) repeat-x;border:1px solid #ae4402;color:#fff;margin:2px;padding:6px 10px 5px;text-decoration:none;text-shadow: 1px 0 1px #000;}#blog-pager-older-link a:hover,#blog-pager-newer-link a:hover,a.home-link:hover,.showpageOf,.showpagePoint,.showpageNum a:hover,.showpage a:hover{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiICQHFAIderKCb9FupH4fIm2XcgWdwhQGRnDeLTDeppksR865QGMUfcQrL8Vv6T2EdzbB2c1TW8SkAyphbvcIx53RYFgCDnV1POe5ySvJLiwXwR08fF1ZrvISaXOqfwAUfMQ5Mz__wAI/s1600/nava.jpg) repeat-x;border:1px solid #000000;color:#fff;margin:2px;padding:6px 10px 5px;text-shadow: 1px 0 1px #000;}</style><script type='text/javascript'>var postperpage=10;var numshowpage=5;var upPageWord="Prev.";var downPageWord="Next";var urlactivepage=location.href;var home_page="/"</script><script src='http://itviet360.googlecode.com/files/itviet360-page-navi.js' type='text/javascript'></script>

Trong đó có các tùy chỉnh cần lưu ý khi dùng code phân trang cho blogspot này:

var postperpage=10: Số bài viết trên mỗi trang (nên trùng với cài đặt trong bài đặt của Blogger)

var numshowpage=5: Số trang hiển thị (Ví dụ 1 2 3 4 5)

var upPageWord="Prev.": Chữ để trở về trang trước (Ở đây là Prev)

var downPageWord="Next": Chữ để về trang sau (Ở đây là Next)

CODE PHÂN TRANG CHO BLOGSPOT

Code phân trang cho blogspot

Thủ Thuật- code phân trang cho blogspot chúc bạn thành công!

CODE PHÂN TRANG CHO BLOGSPOT

Code phân trang cho blogspot

Mọi đóng góp về bài vở xin liên hệ tới chúng tôi qua email: luaphucamhp@yahoo.com

Trang Hoithanhkienbai Blog: Một trang chia sẻ cho bạn về niềm tin nơi Thượng Đế trong Đức Chúa Giê-xu Christ: Tin tức, dưỡng linh, đời sống, hôn nhân, vvv..

Đăng bởi Bùi Qúy Đôn | Thứ Năm, 10 tháng 1, 2013

CODE TẠO PHÂN TRANG CHO BLOGGER (BLOGSPOT)
Code tạo phân trang cho Blogger (Blogspot)

Thủ Thuật- Code tạo phân trang cho Blogger (Blogspot)

Làm thế nào mình có thể phân trang được cho Blogger (Blogspot)? Cho mình hỏi về code tạo phân trang cho Blogger (Blogspot) để tạo phân trang cho Blogger.

Hôm nay mình xin được chia sẻ code tạo phân trang cho Blogger (Blogspot) mà Thủ Thuật đã sưu tầm được. Phần code tạo phân trang cho Blogger (Blogspot) được sử dụng cũng rộng rãi cho các trang blog, web. Code tạo phân trang cho Blogger (Blogspot) là cách tạo phân trang đẹp cho Blog, web. Khi bạn sử dụng code tạo phân trang cho Blogger (Blogspot) này phân trang của Blog của bạn ngắn gọn hơn với các nút First, Prev, Next, Last, Go rất dễ dàng cho độc giả của trang blog, web của bạn dễ sử dụng. Cách tạo phân trang cho Blogger (Blogspot) với Code tạo phân trang cho Blogger (Blogspot) sau:

CODE TẠO PHÂN TRANG CHO BLOGGER (BLOGSPOT)

Code tạo phân trang cho Blogger (Blogspot)

DEMO

Hướng dẫn cách tạo phân trang cho Blogger:

- Đăng nhâp vào Blog

- Chọn Mẫu (Thiết Kế), chọn chỉnh sửa HTML, bấm chọn vào ô Mở rộng tiện ích

- Bấm Ctrl + F để tìm đoạn mã bên dưới

<b:include name='nextprev'/>

Và thay đoạn mà vừa tìm được bằng đoạn Code tạo phân trang cho Blogger (Blogspot) bên dưới:

Code: Copy tất cả

/* Start Slider Code From http://hoithanhkienbai.blogspot.com */
<b:if cond='data:blog.pageType == "index"'>
<style type="text/css">
.blogpager {
font-size:16px;
color: #060;
font-weight:bold;
padding:0px 4px;
}
</style>
<div align="center" style="margin:5px;">
<form action="#" name="pager20">
<span id="vwg-pager-first"></span> <span id="vwg-pager-prev"></span> <input name="showingpage" onfocus="this.select()" value="init..." type="text" size="4" title="Enter page number that You want to go" />/<input size="4" type="text" name="pagestotal" disabled="disabled" value="init..." /> <input type="button" onclick="checkpager()" value="Go" /> <span id="vwg-pager-next"></span> <span id="vwg-pager-last"></span>
</form>
</div>
<script type="text/javascript">
var blogID = "4875374219321068988";
var home_page = "/";
var pager_max_main = 7;
var pager_first_text = "First";
var pager_last_text = "Last";
var pager_prev_text = "Prev";
var pager_next_text = "Next";
</script>
<script type='text/javascript'>
//<![CDATA[
var pager_max_results = 20;
if(location.href.match("max-results=")){
pager_max_results = parseInt(location.href.substring(location.href.indexOf("max-results=")+12).split("&")[0]);
} else if(!location.href.match("/search/label/")){
pager_max_results = pager_max_main;
}
var per_page = pager_max_results ;
if(!location.href.match('/search/label/')) {
pager_feedx = "http://www.blogger.com/feeds/"+blogID+"/posts/summary";
pager_pageurl = home_page+"search";
}
else {
label = location.href.split("/")[5];
label = label.split("?")[0];
label = label.replace(/ /g,"%20");
pager_feedx = "http://www.blogger.com/feeds/"+blogID+"/posts/summary/-/"+label;
pager_pageurl = home_page+"search/label/"+label;
}
var pager_opening = 1;
if(location.href.match("popening=")){
pager_opening = parseInt(location.href.substring(location.href.indexOf("popening=")+9).split("&")[0]);
}
var num_pages = 1;
function createBlogPager(){
var script = document.createElement('script');
script.src = pager_feedx+"?start-index=1&max-results=0&alt=json-in-script&callback=countnumpost";
script.type = "text/javascript";
document.getElementsByTagName('head')[0].appendChild(script)
}
function countnumpost(json) {
var posts = json.feed.openSearch$totalResults.$t;
num_pages = (posts%per_page == 0) ? posts/per_page : Math.floor(posts/per_page)+1;
var a1 = document.createElement("a");
a1.className = "blogpager";
a1.title = "Jump to page: (1)";
a1.href = "javascript:page(1)";
a1.innerHTML = pager_first_text;
document.getElementById("vwg-pager-first").appendChild(a1);
var a4 = document.createElement("a");
a4.className = "blogpager";
a4.title = "Jump to page: ("+num_pages+")";
a4.href = "javascript:page("+num_pages+")";
a4.innerHTML = pager_last_text;
document.getElementById("vwg-pager-last").appendChild(a4);
var prev = (pager_opening!=1) ? pager_opening-1 : 1;
var a2 = document.createElement("a");
a2.className = "blogpager";
a2.title = "Jump to page: ("+prev+")";
a2.href = "javascript:page("+prev+")";
a2.innerHTML = pager_prev_text;
document.getElementById("vwg-pager-prev").appendChild(a2);
var next = (pager_opening!=num_pages) ? pager_opening+1 : num_pages;
var a3 = document.createElement("a");
a3.className = "blogpager";
a3.title = "Jump to page: ("+next+")";
a3.href = "javascript:page("+next+")";
a3.innerHTML = pager_next_text;
document.getElementById("vwg-pager-next").appendChild(a3);
document.pager20.showingpage.value = pager_opening;
document.pager20.pagestotal.value = num_pages;
}
function checkpager(){
var uinput = parseInt(document.pager20.showingpage.value);
if((uinput <= num_pages)&&(uinput >= 1)) {
page(uinput);
}
else {
alert("Invalid page number. Please try by another!");
document.pager20.showingpage.focus() ;
document.pager20.showingpage.select();
}
}
function getDateAndGo(json){
var date2 = json.feed.entry[0].published.$t;
ss = parseFloat(date2.substring(17,19));
if(ss<59) ss++;
if(ss<10) { ss = "0"+ ss; }
date4 = encodeURIComponent(date2.substring(0,17)+ss+date2.substring(23,date2.length));
location.href = pager_pageurl+'?updated-max='+date4+'&max-results=' + per_page + '&popening=' + pager_opening;
}
function page(startindex) {
pager_opening = startindex;
var i = per_page*(startindex-1)+1;
var script2 = document.createElement("script");
script2.src = pager_feedx+"?start-index="+i+"&max-results=1&alt=json-in-script&callback=getDateAndGo";
document.getElementsByTagName('head')[0].appendChild(script2)
}
createBlogPager();
//]]>
</script>
</b:if>
 /* End Slider Code From http://hoithanhkienbai.blogspot.com/*/

Chú ý:

- Bạn thay 487537421068988 thành ID của bạn và

- Thay số 7 (Pager-max-main =7) thành số bài viết mà bạn muốn hiển thị trong một trang

- Bạn bấm LƯU MẪU là xong

CODE TẠO PHÂN TRANG CHO BLOGGER (BLOGSPOT)

Code tạo phân trang cho Blogger (Blogspot)

Thủ thuật code tạo phân trang cho Blogger (Blogspot) chúc bạn tạo phân trang cho blog thành công!!

Code tạo phân trang cho Blogger (Blogspot)

Mọi đóng góp về bài vở xin liên hệ tới chúng tôi qua email: luaphucamhp@yahoo.com

Trang Hoithanhkienbai Blog: Một trang chia sẻ cho bạn về niềm tin nơi Thượng Đế trong Đức Chúa Giê-xu Christ: Tin tức, dưỡng linh, đời sống, hôn nhân, vvv..

SỨC KHỎE- ÐỜI SỐNG Xem tất cả Sức khoẻ đời sống »	SẮC ÐẸP Xem tất cả Sắc đẹp »
GIA CHÁNH Xem tất cả Gia chánh »	MẸ & BÉ Xem tất cả Mẹ và bé »

BÀI VIẾT- BÀI LUẬN- GHI CHÚ

ĐỜI SỐNG CƠ ĐỐC

CHUYÊN MỤC HỎI ĐÁP

Code Phân Trang Đẹp Cho Blogspot -2

Đăng bởi Bùi Qúy Đôn | Thứ Sáu, 1 tháng 3, 2013

CODE PHÂN TRANG ĐẸP CHO BLOGSPOT

Code phân trang đẹp cho blogspot

Thủ thuật- Code phân trang đẹp cho blogspot

Code Tạo Phân Trang Cho Blogger 1

Đăng bởi Bùi Qúy Đôn | Thứ Năm, 10 tháng 1, 2013

SỨC KHỎE- ÐỜI SỐNG

SẮC ÐẸP

GIA CHÁNH

MẸ & BÉ

Câu trích trong tháng

Bài đăng gần đây nhất

An tử - Trợ tử trong Cơ Đốc Giáo

Bài viết xem nhiều trong tuần

Đời sống Cơ Đốc Nhân

Nuôi dưỡng tâm hồn

Cuộc sống quanh ta

Download E-book Free

Xem thêm chuyên mục của Blog

" ... Lòng nhân từ của Đức Chúa Trời đem ngươi đến sự ăn năn ..."

- Kinh Thánh Rô-ma 2: 4-