Membuat Next Page Dengan Angka

Mungkin Teman-Teman pernah melihat tampilan Next Page dengan Angka, dan berpikir gimana cara membuatnya, nah sekarang saya akan share cara membuat Next Page dengan Angka. Disimak ya sob dari awal sampe akhir biar Menampakan Next Page Angka nya di Blog sobat. Kaya Hantu ja Menampakan.. He...

Langkah Pertama:

Silakan teman login ke akun blogger teman dan kemudian pilih Tataletak kemudian Tambahkan Gadget. Yang posisinya berada di bawah elemen untuk posting seperti gambar dibawah yang di tandai tanda panah.

Langakah Ke Dua:

Klik HTML/JavaScript dan Copy Paste Code dibawah ini...

<style>
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #ccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #ccc;
background-color:#ccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #ccc;
background: #ccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #ccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333;
}

</style>

<script type="text/javascript">

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=6;
var firstPageWord = 'First';
var endPageWord = 'last';
var upPageWord ='Back';
var downPageWord ='Next';


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

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 +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}

fFlag++;
}

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

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

if(thisNum>1){
if(!isLablePage){
html = '<span class="showpage"></span>'+upPageHtml+' '+html +' ';
}
}

html = '<div class="showpageArea"><span class="showpage"> Total '+(postNum-1)+': </span>'+html;

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

}

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

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

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

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

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

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

}
</script>

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


Langkah Ke Tiga:

Setelah beres di paste klik SAVE (simpan perubahan). Dan hasil nya  jadilah menu page next yang tambah mempercantik Blog sobat. 



**************************************************************

Selamat Mencoba Semoga Sukses.
Kegagalan Bukan Akhir Dari Segalanya.


Untuk Mengambil Script di Atas Silahkan Klik DOWNLOAD dibawah. 


**************************************************************


Jika Kalian Menemukan Link Download yang Expaired/Mati
Segera Hubungi Admin Dengan Cara Memberikan 
Komentar Dan Menyertakan Alamat Link
Postingan Yang Expaired/Mati Agar
Link Segera di Perbaiki.


Tolong Saling Menghargai Sesama Blogger
Apabila Kalian Merasa Artikel Ini Bermanfaat, 
Silahkan Share Dan Jangan Lupa Untuk Mencantumkan 
Link Dari Sumbernya.


...:::TERIMA KASIH:::...

......:::Semoga Bermanfaat:::.....

...:::www.dvayshare.blogspot.com:::

Ditulis Oleh : Unknown ~ Software, Blogging, Tips dan Trik

RegiBrader Sobat sedang membaca artikel tentang Membuat Next Page Dengan Angka. Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya. Saling menghargai kreatifitas sobat Blogger. Jika Kalian Menemukan Link Download yang Expaired/Mati Segera Hubungi Admin Dengan Cara Memberikan Komentar Dan Menyertakan Alamat Link Postingan Yang Expaired/Mati Agar Link Segera di Perbaiki.

:: dvayshare widget ! ::

Diposting oleh
Label:

Tidak ada komentar :

Posting Komentar

Rules Berkomentar di dvayshare :

1.No SPAM
2.No SARA
3.Dilarang Menaruh Link Hidup & Link Porno
4.Gunakan Bahasa Yang Sopan

Free Backlinks
Copyright © dvayshare. Design by dvayshare creative.