Cara Membuat Nomor Halaman Pada Blog

     hm., hm..,hm..., ternyata eh ternyata saya masih di beri kesempatan untuk berposting hatiini juga.., tentang blogging tutorial saja deh., kalian tau buku pelajaran ataukomik kan ? pasti tau lah.,  pasti kalian tidak asing lagi dengan nomorhalaman di pojok bawah buku., gunanya jelas untuk mempermudah si pembacamencari halaman.  Hal ini juga dapat di gunakan pada blog., mau taucaranya ? oK !
    Cara-caranya ini kalau dihafal tidak akan bisa karenakodenya yang begitu sangat banyak sekali. Langsung saja deh, cara membuat nomorhalaman pada blog :

1. Buka Blogger.com
2. Klik Rancangan >> Edit HTML.
3. Lalu klik/ centang kotak kecil yang ada diatas kode-kode.
4. Letakkan kode di bawah ini, tepat diatas kode </b:skin> :

.showpageAreaa {
text-decoration:underline;
}
.showpageNuma {
text-decoration:none;
border:1px solid #ccc;
margin:03px;
padding:3px;
}
.showpageNuma:hover {
border:1px solid #ccc;
background-color:#ccc;
}
.showpagePoint{
color:#333;
text-decoration:none;
border:1px solid #ccc;
background: #ccc;
margin:03px;
padding:3px;
}
.showpageOf{
text-decoration:none;
padding:3px;
margin:0 3px 0 0;
}
.showpagea {
text-decoration:none;
border:1px solid #ccc;
padding:3px;
}
.showpagea:hover {
text-decoration:none;
}
.showpageNuma:link,.showpage a:link {
text-decoration:none;
color:#333;
}

Ganti kode yang berwarna orange  gantidan sesuaikan dengan warna template anda.

5. Lalu cari kode ini :
   
   <b:section class='main' id='main' showaddelement='yes'> <b:widget id='Blog1' locked='false' title='Blog Posts' type='Blog'/> </b:section>
6. Letakkan kode berikut dibawah kode </b:section> :

<scripttype="text/javascript">

functionshowpageCount(json) {
varthisUrl = location.href;
varhtmlMap = new Array();
varisFirstPage = thisUrl.substring(thisUrl.length-5,thisUrl.length)==".com/";
varisLablePage = thisUrl.indexOf("/search/label/")!=-1;
varisPage = thisUrl.indexOf("/search?updated")!=-1;
varthisLable = isLablePage ?thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) :"";
thisLable= thisLable.indexOf("?")!=-1 ?thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
varthisNum = 1;
varpostNum=1;
varitemCount = 0;
varfFlag = 0;
vareFlag = 0;
varhtml= '';
varupPageHtml ='';
vardownPageHtml ='';

varpageCount = 5;
vardisplayPageNum = 5;
varupPageWord = 'Previous';
vardownPageWord = 'Next';



varlabelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';

for(vari=0, post; post = json.feed.entry[i]; i++) {
vartimestamp = post.published.$t.substr(0,10);
vartitle = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(varc=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;
}
}
}
}//endif(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(varp =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"><ahref="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}

fFlag++;
}

if(p==(thisNum-1)){
html+= '<span class="showpagePoint">'+thisNum+'</span>';
}else{
if(p==0){
if(isLablePage){
html= labelHtml+'1</a></span>';
}else{
html+= '<span class="showpageNum"><ahref="/">1</a></span>';
}
}else{
html+= '<span class="showpageNum"><ahref="'+htmlMap[p]+'">'+ (p+1) +'</a></span>';
}
}

if(eFlag==0 && p == thisNum){
downPageHtml= '<span class="showpage"> <a href="'+htmlMap[p]+'">'+downPageWord +'</a></span>';
eFlag++;
}
}//endif(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//endfor(var p =0;p< htmlMap.length;p++){

if(thisNum>1){
if(!isLablePage){
html= ''+upPageHtml+' '+html +' ';
}else{
html= ''+upPageHtml+' '+html +' ';
}
}

html= '<div class="showpageArea"><span style="COLOR:#000;" class="showpageOf"> Pages('+(postNum-1)+')</span>'+html;

if(thisNum<(postNum-1)){
html+= downPageHtml;

}

if(postNum==1)postNum++;
html+= '</div>';

if(isPage|| isFirstPage || isLablePage){
varpageArea = document.getElementsByName("pageArea");
varblogPager = document.getElementById("blog-pager");

if(postNum<= 2){
html='';
}

for(varp =0;p< pageArea.length;p++){
pageArea[p].innerHTML= html;
}

if(pageArea&&pageArea.length>0){
html='';
}

if(blogPager){
blogPager.innerHTML= html;
}
}

}
</script>

<scriptsrc="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999";type="text/javascript"></script>

KETERANGAN:
Tulisan yang berwarna MERAH (5) adalah jumlah nomor halaman yang akan ditampilkan (contoh: 1-2-3-4-5)Perhatikan Script ini:

var isFirstPage = thisUrl.substring(thisUrl.length-5,thisUrl.length)==".com/";
Code yang berwarna merah (.com/ ) adalah domain extentiondari website atau blog anda. Jika anda menggunakan domain yang ber-extention .co.cc maka anda harus mengganti (.com/ ) dengan ( .co.cc ),begitu seterusnya. Tapi jika anda masih menggunakan .blogspot.com anda tidakperlu lagi mengubahnya.

Related Post :)

Posted in: blogger