Cara Membuat Nomor Halaman di Blog

Dalam 4 hari terakhir saya merasa menjadi orang yang istimewa <ehmm !> . Pasalnya 27 ayat 5 setelah Bang Dayat bertanya cara membuat scroll buat kotak komentar , kemarin giliran USOFT bertanya bagaimana membuat Page Navigation seperti Blog Super Keren Sederhana saya ini. Ternyata, ada juga ya yang butuh gue ? (waduh, besar kepala nih).
Oke, tidak perlu panjang lebar, berikut tutorialnya :

  1. Login ke akun blogger sobat
  2. Pilih Rancangan >> Tambahkan Gadget
  3. Pilih HTML/JavaScript
  4. Lalu tambahkan kode berikut : 

.showpageArea a { text-decoration:underline; } .showpageNum a { border:1px solid #aeaeae; margin:0 3px; padding:3px 7px; text-decoration:none; } .showpageNum a:hover { background-color:#0a8be5; border:1px solid #000000; } .showpagePoint { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#aeaeae none repeat scroll 0 0; border:1px solid #aeaeae; color:#333333; margin:0 3px; padding:3px 7px; text-decoration:none; } .showpageOf { margin:0 3px 0 0; padding:3px 7px; text-decoration:none; } .showpage a { border:1px solid #aeaeae; padding:3px 7px; text-decoration:none; } .showpage a:hover { text-decoration:none; } .showpageNum a:link, .showpage a:link { color:#333333; text-decoration:none; }

var home_page_url = location.href; var pageCount=1; var displayPageNum=3; var upPageWord =’Previous’; var downPageWord =’Next’; function showpageCount(json) { var thisUrl = home_page_url; var htmlMap = new Array(); var thisNum = 1; var postNum=1; var itemCount = 0; var fFlag = 0; var eFlag = 0; var html= ”; var upPageHtml =”; var downPageHtml =”; for(var i=0, post; post = json.feed.entry[i]; i++) { var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29); timestamp = encodeURIComponent(timestamp1); var title = post.title.$t; 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+’&max-results=’+pageCount; } } itemCount++; } for(var p =0;p< htmlMap.length;p++){ if(p>=(thisNum-displayPageNum-1) && p1){ html = ”+upPageHtml+’ ‘+html +’ ‘; } html = ‘

Pages (‘+(postNum-1)+’)’+html; if(thisNum=(thisNum-displayPageNum-1) && p1){ if(!isLablePage){ html = ”+upPageHtml+’ ‘+html +’ ‘; }else{ html = ”+upPageHtml+’ ‘+html +’ ‘; } } html = ‘

Pages (‘+(postNum-1)+’)’+html; if(thisNum

Shares

72 Comments

Leave a Reply