Cara Membuat Menu Next Page/Nomor Navigasi Di Blog

Langsung aja yah...

• Masuk ke blogger
• Buat widget baru 
• lalu copy paste kode di bawah ini

<style>
.showpageArea { . ShowpageArea {
padding: 0 2px;margin-top:10px;margin-bottom:10px; padding: 0 2px; margin-top: 10px; margin-bottom: 10px;
} }

.showpageArea a { . ShowpageArea a {
border: 1px solid #505050; border: 1px solid # 505050;
color: #000000;font-weight:normal; color: # 000000; font-weight: normal;
padding: 3px 6px !important; padding: 3px 6px penting;!
padding: 1px 4px ;margin:0px 4px; padding: 1px 4px; margin: 0px 4px;
text-decoration: none; text-decoration: none;
} }

.showpageArea a:hover { showpageArea sebuah:. hover {
font-size:11px; font-size: 11px;
border: 1px solid #333; border: 1px solid # 333;
color: #000000; color: # 000000;
background-color: #FFFFFF; background-color: # FFFFFF;
} }

.showpageNum a { showpageNum sebuah. {
border: 1px solid #505050; border: 1px solid # 505050;
color: #000000;font-weight:normal; color: # 000000; font-weight: normal;
padding: 3px 6px !important; padding: 3px 6px penting;!
padding: 1px 4px ;margin:0px 4px; padding: 1px 4px; margin: 0px 4px;
text-decoration: none; text-decoration: none;
} }

.showpageNum a:hover { showpageNum a: hover {.
font-size:11px; font-size: 11px;
border: 1px solid #333; border: 1px solid # 333;
color: #000000; color: # 000000;
background-color: #FFFFFF; background-color: # FFFFFF;

} }
.showpagePoint { . ShowpagePoint {
font-size:11px; font-size: 11px;
padding: 2px 4px 2px 4px; padding: 2px 4px 2px 4px;
margin: 2px; margin: 2px;
font-weight: bold; font-weight: bold;
border: 1px solid #333; border: 1px solid # 333;
color: #fff; color: # fff;
background-color: #000000; background-color: # 000000;
} }

.showpage a:hover { showpage a: hover {.
font-size:11px; font-size: 11px;
border: 1px solid #333; border: 1px solid # 333;
color: #000000; color: # 000000;
background-color: #FFFFFF; background-color: # FFFFFF;
} }

.showpageNum a:link,.showpage a:link { showpageNum a: link, showpage a:.. link {
font-size:11px; font-size: 11px;
padding: 2px 4px 2px 4px; padding: 2px 4px 2px 4px;
margin: 2px; margin: 2px;
text-decoration: none; text-decoration: none;
border: 1px solid #0066cc; border: 1px solid # 0066cc;
color: #0066cc; color: # 0066cc;
background-color: #FFFFFF;} background-color: # FFFFFF;}

.showpageNum a:hover { showpageNum a: hover {.
font-size:11px; font-size: 11px;
border: 1px solid #333; border: 1px solid # 333;
color: #000000; color: # 000000;
background-color: #FFFFFF; background-color: # FFFFFF;
} }
</style>

<script type=”text/javascript”> <script type="text/javascript">

function showpageCount(json) { fungsi showpageCount (json) {
var thisUrl = location.href; var thisUrl = location.href;
var htmlMap = new Array(); htmlMap = Array var baru ();
var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==”.blogspot.com/”; isFirstPage thisUrl.substring = var (thisUrl.length-14, thisUrl.length )==". blogspot.com / ";
var isLablePage = thisUrl.indexOf(“/search/label/”)!=-1; var isLablePage = thisUrl.indexOf ("/ search / label /")!=- 1;
var isPage = thisUrl.indexOf(“/search?updated”)!=-1; isPage var = thisUrl.indexOf ("/ search diperbarui ")!=- 1?;
var thisLable = isLablePage ? thisLable var = isLablePage? thisUrl.substr(thisUrl.indexOf(“/search/label/”)+14,thisUrl.length) : “”; thisUrl.substr (thisUrl.indexOf ("/ search / label /") +14, thisUrl.length): "";
thisLable = thisLable.indexOf(“?”)!=-1 ? thisLable = thisLable.indexOf ("?")!=- 1? thisLable.substr(0,thisLable.indexOf(“?”)) : thisLable; thisLable.substr (0, thisLable.indexOf ("?")): thisLable;
var thisNum = 1; thisNum var = 1;
var postNum=1; postNum var = 1;
var itemCount = 0; var itemCount = 0;
var fFlag = 0; var fFlag = 0;
var eFlag = 0; var eFlag = 0;
var html= ”; var html = ";
var upPageHtml =”; var upPageHtml = ";
var downPageHtml =”; var downPageHtml = ";

var pageCount=12; var pageCount = 12;
var displayPageNum=12; var displayPageNum = 12;
var firstPageWord = 'First'; var firstPageWord = 'First';
var endPageWord = 'Last'; endPageWord var = 'Terakhir';
var upPageWord ='Previous'; upPageWord var = 'Sebelumnya';
var downPageWord ='Next'; var downPageWord = 'Berikutnya';

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

for(var i=0, post; post = json.feed.entry[i]; i++) { for (var i = 0, post; post = json.feed.entry [i]; i + +) {
var timestamp = post.published.$t.substr(0,10); var timestamp = t.substr post.published $ (0,10).;
var title = post.title.$t; var title = post.title $ t.;
if(isLablePage){ if (isLablePage) {
if(title!=”){ jika (title! = ") {
if(post.category){ if (post.category) {
for(var c=0, post_category; post_category = post.category[c]; c++) { untuk (var c, = 0 post_category; post_category = post.category [c] c + +) {
if(encodeURIComponent(post_category.term)==thisLable){ if (encodeURIComponent (post_category.term) == thisLable) {
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){ jika (itemCount == 0 | | (pageCount itemCount% == (pageCount-1))) {
if(thisUrl.indexOf(timestamp)!=-1 ){ if (thisUrl.indexOf (timestamp)! =- 1) {
thisNum = postNum; thisNum = postNum;
} }

postNum++; postNum + +;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount; htmlMap [htmlMap.length] = '/ search / label /' + thisLable + 'update-max =?' + timestamp + 'T00% 3A00% 3A00% 3A00% 2B08 & max-results =' + pageCount;
} }
} }
} }
}//end if(post.category){ } / / End if (post.category) {

itemCount++; itemCount + +;
} }

}else{ } Else {
if(title!=”){ jika (title! = ") {
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){ jika (itemCount == 0 | | (pageCount itemCount% == (pageCount-1))) {
if(thisUrl.indexOf(timestamp)!=-1 ){ if (thisUrl.indexOf (timestamp)! =- 1) {
thisNum = postNum; thisNum = postNum;
} }

if(title!=”) postNum++; jika (title! = ") postNum + +;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount; htmlMap [htmlMap.length] = '/ search diperbarui-max =?' + timestamp + 'T00% 3A00% 3A00% 3A00% 2B08 & max-results =' + pageCount;
} }
} }
itemCount++; itemCount + +;
} }
} }

for(var p =0;p< htmlMap.length;p++){ for (var p = 0; htmlMap.length <p, p + +) {
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){ if (p> = (thisNum-displayPageNum-1) & & p <(thisNum + displayPageNum)) {
if(fFlag ==0 && p == thisNum-2){ jika (fFlag == 0 & & p == thisNum-2) {
if(thisNum==2){ if (thisNum == 2) {
if(isLablePage){ if (isLablePage) {
upPageHtml = labelHtml + upPageWord +'</a></span>'; upPageHtml = labelHtml + upPageWord '</ a> </ span>' +;
}else{ } Else {
upPageHtml = '<span class=”showpage”><a href=”/”>'+ upPageWord +'</a></span>'; upPageHtml '<span class="showpage"> <a href="/">' = + upPageWord '</ a> </ span>' +;
} }
}else{ } Else {
upPageHtml = '<span class=”showpage”><a href=”'+htmlMap[p]+'”>'+ upPageWord +'</a></span>'; upPageHtml '<span class="showpage"> <a href="'+htmlMap[p]+'">' = + upPageWord '</ a> </ span>' +;
} }

fFlag++; fFlag + +;
} }

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

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

if(thisNum>1){ if (thisNum> 1) {
if(!isLablePage){ if (isLablePage!) {
html = '<span class=”showpage”><a href=”/”>'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' '; html '<span class="showpage"> <a href="/">' = + firstPageWord '</ a> </ span>' + + upPageHtml + '' + html + '';
}else{ } Else {
html = ”+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' '; html = "+ labelHtml + firstPageWord '</ a> </ span>' + + upPageHtml + '' + html + '';
} }
} }

html = '<div class=”showpageArea”><span style=”font-size:11px;padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;color: #000000;border: 1px solid #333; background-color: #FFFFFF;” class=”showpage”>Page '+thisNum+' of '+(postNum-1)+': </span>'+html; html class="showpageArea"> <div = '<span style = "font-size: 11px; padding: 2px 4px 2px 4px; margin: 2px 2px 2px 2px; color: # 000000; border: 1px solid # 333; background- color: # FFFFFF; "class =" showpage "'+ thisNum +'> halaman '+ (postNum-1) +': </ span> '+ html;

if(thisNum<(postNum-1)){ if (<thisNum (postNum-1)) {
html += downPageHtml; html + = downPageHtml;
html += '<span class=”showpage”><a href=”'+htmlMap[htmlMap.length-1]+'”> '+endPageWord+'</a></span>'; html + '<span class="showpage"> <a href="'+htmlMap[htmlMap.length-1]+'">' = + endPageWord '</ a> </ span>' +;
} }

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

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

if(postNum <= 2){ jika (postNum <= 2) {
html =”; html = ";
} }

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

if(pageArea&&pageArea.length>0){ jika (pageArea & &> pageArea.length 0) {
html =”; html = ";
} }

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

} }
</script>


dan simpan di bawah postingan seperti contoh di gambar bawah ini

Lalu masuk ke edit html dan cari kode ini  </body>

dan copy kode dibawah ini di atas kode  </body>


<!-- PAGE NAVIGATION START-->
<script type='text/javascript'>
var pageCount=4;
var displayPageNum=3;
var upPageWord =&#39;&#171; &#39;;
var downPageWord =&#39; &#187;&#39;;
</script>
<script type='text/javascript'>
//<![CDATA[
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)&&p<(thisNum+displayPageNum)){if(fFlag==0&&p==thisNum-2){if(thisNum==2){upPageHtml='<span class="showpage" style="padding: 4px 8px;margin:0 4px;text-decoration:none;background:#dfdfdf;color:#686868; border:1px solid #989898;font-family: Arial, Verdana;font-size: 15px;"><a href="/">'+upPageWord+'</a></span>'}else{upPageHtml='<span class="showpage" style="padding: 4px 8px;margin:0 4px;text-decoration:none;background:#dfdfdf;color:#686868; border:1px solid #989898;font-family: Arial, Verdana;font-size: 15px;"><a href="'+htmlMap[p]+'">'+upPageWord+'</a></span>'}fFlag++}if(p==(thisNum-1)){html+='<span class="showpagePoint">'+thisNum+'</span>'}else{if(p==0){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" style="padding: 4px 8px;margin:0 4px;text-decoration:none;background:#dfdfdf;color:#686868; border:1px solid #989898;font-family: Arial, Verdana;font-size: 15px;"> <a href="'+htmlMap[p]+'">'+downPageWord+'</a></span>';eFlag++}}}if(thisNum>1){html=''+upPageHtml+' '+html+' '}html='<div class="showpageArea"><span style="COLOR: #676767;background:#fff;border: 1px solid #b6b5b5;font-size: 15px;padding:4px 8px;margin:0 4px;" class="showpageOf"> Pages '+(postNum-1)+'</span>'+html;if(thisNum<(postNum-1)){html+=downPageHtml}if(postNum==1)postNum++;html+='</div>';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}}function showpageCount2(json){var thisUrl=home_page_url;var htmlMap=new Array();var isLablePage=thisUrl.indexOf("/search/label/")!=-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 labelHtml='<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';var thisUrl=home_page_url;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/label/'+thisLable+'?updated-max='+timestamp+'&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){upPageHtml=labelHtml+upPageWord+'</a></span>'}else{upPageHtml='<span class="showpage" style="padding: 4px 8px;margin:0 4px;text-decoration:none;background:#dfdfdf;color:#686868; border:1px solid #989898;font-family: Arial, Verdana;font-size: 15px;"><a href="'+htmlMap[p]+'">'+upPageWord+'</a></span>'}fFlag++}if(p==(thisNum-1)){html+='<span class="showpagePoint">'+thisNum+'</span>'}else{if(p==0){html=labelHtml+'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" style="padding: 4px 8px;margin:0 4px;text-decoration:none;background:#dfdfdf;color:#686868; border:1px solid #989898;font-family: Arial, Verdana;font-size: 15px;"> <a href="'+htmlMap[p]+'">'+downPageWord+'</a></span>';eFlag++}}}if(thisNum>1){if(!isLablePage){html=''+upPageHtml+' '+html+' '}else{html=''+upPageHtml+' '+html+' '}}html='<div class="showpageArea"><span style="COLOR: #999;" class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;if(thisNum<(postNum-1)){html+=downPageHtml}if(postNum==1)postNum++;html+='</div>';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}}var home_page_url=location.href;var thisUrl=home_page_url;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?updated-max")!=-1){var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"))}else{var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}}var home_page="/";if(thisUrl.indexOf("?q=")==-1){if(thisUrl.indexOf("/search/label/")==-1){document.write('<script src="'+home_page+'feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ><\/script>')}else{document.write('<script src="'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-script&callback=showpageCount2&max-results=99999" ><\/script>')}}
//]]>
</script>
<!-- PAGE NAVIGATION STOP-->

SAVE..BERES DEH!!!