Cara Membuat Menu Next Page

Menu Next Page atau Tombol Navigasi Halaman tidak seperti tombol next atau previous page,tombol next page atau navigasi halaman ini mempunyai kelebihan navigasi halaman yang bisa Membuat Pengunjung lebih mudah untuk mengingat artikel yang di sukai,karena halaman di tandai dengan angka.

Untuk membuat Menu Next Page atau Navigasi Halaman di Blogspot ikuti langkah-langkah dibawah:

Copy script disini:

<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=13;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 += ' <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 style="color:#fff;" 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>"

Login ke blogger
Tataletak --->element halaman
Tambahkan gedget.
Pilih html/javascript
Masukkan kode tadi.

Untuk mengatur jumlah dalam satu halaman lihat code var pageCount=13;
Bisa diganti sesuai keinginan .kalau ingin dalam satu halaman menampilkan 10 postingan ganti dengan var pageCount=10;

Ok Sekian Tips / Cara membuat Menu Next Page atau Navigasi Halaman di Blogspot sangat Sederhana bukan? :D
Jangan Lupa Comen diBawah >>:D

Bagikan lewat :

Anda sedang membaca artikel tentang Cara Membuat Menu Next Page dan anda bisa menemukan artikel Cara Membuat Menu Next Page ini dengan URL http://really-really-good.blogspot.com/2012/01/cara-membuat-menu-next-page_08.html. Anda boleh menyebarluaskannya atau meng-copy paste-nya jika artikel Cara Membuat Menu Next Page ini bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan LINK Cara Membuat Menu Next Page sebagai sumbernya.

<a href='http://really-really-good.blogspot.com/2012/01/cara-membuat-menu-next-page_08.html'>Cara Membuat Menu Next Page</a>

Artikel lain yang mungkin ingin anda baca!

Silahkan Gunakan Facebook Comment, Jika Anda Tidak Memiliki Url Blog!