NRT LPU: Menambahkan Nomor Halaman di Bawah Postingan

Ibarat Sebuah buku, blog juga harus juga mempunyai nomor halaman braada. Dengan menamabahkan atau memberi nomor halaman tentu akan mempermudah kita untuk mencari dan membuka buku itu. Kali ini kita kan belajar cara menambhkan halaman di bawah area postingna, mungkin untuk lebik jelas dan mengerti apa yang dimaksud halaman disini adalah seperti ilustrasi di bawah ini :

Dengan begitu tentu akan mempermudah pembaca atau
pengunjung blog kita untuk melihat-lihat isi dari tulisan atau postingan kita. Misalnya kita menampilkan 5 judul postingan dalam halaman yang pertama, 5 postingan dihalaman kedua, dan seterusnya. Langsung saja kita praktekan bersama-sama, karena caranya sangat mudah.
Cara Menambahkan Nomor Halaman di Bawah Area Postingan
1. Login ke blogger
2. Pilih Tata Letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode-kode berikut ini

.showpageArea {padding: 0 2px;margin-top:10px;margin-bottom:10px;

}

.showpageArea a {border: 1px solid #505050;

color: #fff;font-weight:normal;

padding: 3px 6px !important;

padding: 1px 4px ;margin:0px 4px;

text-decoration: none;

}

.showpageArea a:hover {

font-size:11px;

border: 1px solid #fff;

color: #fff;

background-color: #333;

}

.showpageNum a {border: 1px solid #505050;

color: #666;font-weight:normal;

padding: 3px 6px !important;

padding: 1px 4px ;margin:0px 4px;

text-decoration: none;

}

.showpageNum a:hover {

font-size:11px;

border: 1px solid #333;

color: #fff;

background-color: #333;

}

.showpagePoint {font-size:11px;

padding: 2px 4px 2px 4px;

margin: 2px;

font-weight: bold;

border: 1px solid #333;

color: #000000;

background-color: #ffffff;

}

.showpage a:hover {font-size:11px;

border: 1px solid #333;

color: #ffffff;

background-color: #333;

}

.showpageNum a:link,.showpage a:link {

font-size:11px;

padding: 2px 4px 2px 4px;

margin: 2px;

text-decoration: none;

border: 1px solid #fffff;

color: #ffffff;

background-color: #333333;}

.showpageNum a:hover {font-size:11px;

border: 1px solid #333;

color: #ffffff;

background-color: #333;

}

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 =’Previous’;

var downPageWord =’Next’;

var labelHtml = ‘‘;

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 +’‘;

}else{

upPageHtml = ‘‘+ upPageWord +’‘;

}

}else{

upPageHtml = ‘‘+ upPageWord +’‘;

}

fFlag++;

}

if(p==(thisNum-1)){

html += ‘ ‘+thisNum+’‘;

}else{

if(p==0){