Langsung ke konten utama

Cara Menambahkan Pagination di Blog

Tutorial 
  • Masuk akun blog, klik templates, edit HTML 
  • Cari ]]></b:skin> tag dan pastekan kode berikut di atasnya 
/* ######## Pagination Widget by SoraBloggingTips ######################### */
#blog-pager{
    clear:both;
    text-align:center;
    margin:0
}
 #blog-pager-newer-link a,#blog-pager-older-link a{
    display:block;
    float:left;
    margin-right:6px;
    padding:0 13px;
    border:1px solid #010101;
    text-transform:uppercase;
    line-height:32px;
    font-weight:700;
    color:#010101
}
 #blog-pager-newer-link a:hover,#blog-pager-older-link a:hover{
    background-color:#010101;
    color:#fff!important
}
 .showpageNum a,.showpage a,.showpagePoint{
    display:block;
    float:left;
    margin-right:6px;
    padding:0 12px;
    border:1px solid #010101;
    text-transform:uppercase;
    line-height:32px;
    font-weight:700;
    color:#010101
}
 .showpageNum a:hover,.showpage a:hover{
    background-color:#010101;
    color:#fff!important
}
 .showpageNum a i,.showpage a i{
    transition:all .0s ease;
    -webkit-transition:all .0s ease;
    -moz-transition:all .0s ease;
    -o-transition:all .0s ease
}
 .showpagePoint{
    background-color:#010101;
    color:#FFF
}
 .showpageOf{
    display:none!important
} {codeBox}

  •  Pastekan kode berikut di atas tag </body>

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<script type='text/javascript'>

    var postperpage=7;

var numshowpage=3;

var upPageWord ='<< Prev';

var downPageWord ='Next >>';

var urlactivepage=location.href;

var home_page="/";

</script>

<script type='text/javascript'>

//<![CDATA[

var nopage;var jenis;var nomerhal;var lblname1;halamanblogger();function loophalaman(banyakdata){var html='';nomerkiri=parseInt(numshowpage/2);if(nomerkiri==numshowpage-nomerkiri){numshowpage=nomerkiri*2+1}mulai=nomerhal-nomerkiri;if(mulai<1)mulai=1;maksimal=parseInt(banyakdata/postperpage)+1;if(maksimal-1==banyakdata/postperpage)maksimal=maksimal-1;akhir=mulai+numshowpage-1;if(akhir>maksimal)akhir=maksimal;html+="<span class='showpageOf'>Page "+nomerhal+' of '+maksimal+"</span>";var prevnomer=parseInt(nomerhal)-1;if(nomerhal>1){if(nomerhal==2){if(jenis=="page"){html+='<span class="showpage"><a href="'+home_page+'">'+upPageWord+'</a></span>'}else{html+='<span class="showpageNum"><a href="/search/label/'+lblname1+'?&max-results='+postperpage+'">'+upPageWord+'</a></span>'}}else{if(jenis=="page"){html+='<span class="showpageNum"><a href="#" onclick="redirectpage('+prevnomer+');return false">'+upPageWord+'</a></span>'}else{html+='<span class="showpageNum"><a href="#" onclick="redirectlabel('+prevnomer+');return false">'+upPageWord+'</a></span>'}}}if(mulai>1){if(jenis=="page"){html+='<span class="showpageNum"><a href="'+home_page+'">1</a></span>'}else{html+='<span class="showpageNum"><a href="/search/label/'+lblname1+'?&max-results='+postperpage+'">1</a></span>'}}if(mulai>2){html+='  '}for(var jj=mulai;jj<=akhir;jj++){if(nomerhal==jj){html+='<span class="showpagePoint">'+jj+'</span>'}else if(jj==1){if(jenis=="page"){html+='<span class="showpageNum"><a href="'+home_page+'">1</a></span>'}else{html+='<span class="showpageNum"><a href="/search/label/'+lblname1+'?&max-results='+postperpage+'">1</a></span>'}}else{if(jenis=="page"){html+='<span class="showpageNum"><a href="#" onclick="redirectpage('+jj+');return false">'+jj+'</a></span>'}else{html+='<span class="showpageNum"><a href="#" onclick="redirectlabel('+jj+');return false">'+jj+'</a></span>'}}}if(akhir<maksimal-1){html+=''}if(akhir<maksimal){if(jenis=="page"){html+='<span class="showpageNum"><a href="#" onclick="redirectpage('+maksimal+');return false">'+maksimal+'</a></span>'}else{html+='<span class="showpageNum"><a href="#" onclick="redirectlabel('+maksimal+');return false">'+maksimal+'</a></span>'}}var nextnomer=parseInt(nomerhal)+1;if(nomerhal<maksimal){if(jenis=="page"){html+='<span class="showpageNum"><a href="#" onclick="redirectpage('+nextnomer+');return false">'+downPageWord+'</a></span>'}else{html+='<span class="showpageNum"><a href="#" onclick="redirectlabel('+nextnomer+');return false">'+downPageWord+'</a></span>'}}var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}function hitungtotaldata(root){var feed=root.feed;var totaldata=parseInt(feed.openSearch$totalResults.$t,10);loophalaman(totaldata)}function halamanblogger(){var thisUrl=urlactivepage;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?updated-max")!=-1){lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"))}else{lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}}if(thisUrl.indexOf("?q=")==-1&&thisUrl.indexOf(".html")==-1){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>

</b:if>

</b:if> {codeBox}

 

Label:

Komentar

Posting Komentar

Postingan populer dari blog ini

Apa itu Nitro Pro?

Nitro Pro merupakan aplikasi yang digunakan untuk melakukan edit pada file pdf.  Download Nitro Pro  Fitur Nitro Pro  Convert Pdf to word  Klik Convert to Word, Masukkan file nya , Klik Convert.  Convert akan berlangsung dan file akan diubah menjadi word. 
Posting Komentar
Baca selengkapnya

Cara Mengubah Jam, Tanggal, Tahun lewat CMD

  Tutorial  Buka CMD, tekan Win+Q, ketik CMD Run As Administrator ketikan perintah berikut untuk mengganti tanggal  date {codeBox} Ketikkan perintah berikut untuk mengganti waktu  time (codeBox} Perlu diperhatikan perintah di atas hanya dapat dilakukan sebagai administrator. (dalam artian CMD As Administrator) Jika tidak akan mendapatkan notification seperti di bawah ini!!{alertInfo} Semoga Membantu 👀
Posting Komentar
Baca selengkapnya

Membuat Tulisan Keren di CMD

Buka Notepad  Ketikkan Perintah berikut  @echo off color 02  :start echo %random% %random% %random% %random% %random% %random% %random% %random% %random% %random% %random% %random% %random% %random% goto start Atau kode cmd bergerak efek matrix rain yang satu ini: @echo off title Matrix Rain AC2 Hacks color 02 :2 echo b r E w e 4 e T r 8 M e F r a c h a S t 3 D a C r a s p e s T e 4 h 2 w r e G 2 b r E w e 4 e T r 8 M e F r a c h a S ping -w .9 >nul echo R E 9 8 8 R a t r e g 6 n u m A b R E X e Y A T u C 7 a D R a c r u C e B E p e R E 9 8 8 R a t r e g 6 n u m A b R E ping -w .9 >nul echo c E B E s A d R u B R 3 H e R u D 7 g u d U 7 T a b u T 5 e p E 2 a v e 6 8 a Z c E B E s A d R u B R 3 H e R u D 7 g ping -w .9 >nul echo n u r A X a j a s t a 9 h a 6 e h e G a s u t r a t r A y a f E q u 8 u b R u d u r A X a j a s t a 9 h a 6 e h e G a ping -w .9 >nul echo k u v e 4 E 6 3 e t r a d r e f e y e q e 6 U H e z U b r u R a s 2 4 3 r A N a k u v e 4 E 6 3 e ...
Posting Komentar
Baca selengkapnya