http://www.kangazis.com/search/label/BLOG

Cara Membuat Tombol Next and Previous di bawah Posting

 Berikut ini caranaya:
1. Login dulu di Blog anda.
2. Pilih Rancangan- Edit Html.
3. Centang Expand Template widget.
4. Cari kode ]]></b:skin>. gunakan CTRL + F untuk mempermudah pencarian.
5. CoPas code dibawah ini tepat di atas code ]]></b:skin>.
6. ini kodenya:




.showpageArea a {<br /> text-decoration:underline;<br /> }<br /> .showpageNum a {<br /> border:1px solid #CCCCCC;<br /> margin:0 3px;<br /> padding:3px 7px;<br /> text-decoration:none;<br /> }<br /> .showpageNum a:hover {<br /> background-color:#CCCCCC;<br /> border:1px solid #CCCCCC;<br /> }<br /> .showpagePoint {<br /> -moz-background-clip:border;<br /> -moz-background-inline-policy:continuous;<br /> -moz-background-origin:padding;<br /> background:#CCCCCC none repeat scroll 0 0;<br /> border:1px solid #CCCCCC;<br /> color:#333333;<br /> margin:0 3px;<br /> padding:3px 7px;<br /> text-decoration:none;<br /> }<br /> .showpageOf {<br /> margin:0 3px 0 0;<br /> padding:3px 7px;<br /> text-decoration:none;<br /> }<br /> .showpage a {<br /> border:1px solid #CCCCCC;<br /> padding:3px 7px;<br /> text-decoration:none;<br /> }<br /> .showpage a:hover {<br /> text-decoration:none;<br /> }<br /> .showpageNum a:link, .showpage a:link {<br /> color:#333333;<br /> text-decoration:none;<br /> }
7. Simpan template.
8. Kembali ke rancangan/element laman.
9. Tambah gadget di bawah latar posting (tambah gadget di samping lalu letakan dibawah latar posting)
10. pilih HTML/ Java script .
11. Copas code berikut ini:

<script type='text/javascript'>  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) && p<(thisNum+displayPageNum)){ if(fFlag ==0 && p == thisNum-2){  if(thisNum==2){   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">'+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"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';  eFlag++; } } }  if(thisNum>1){ html = ''+upPageHtml+' '+html +' '; }  html = '<div class="showpageArea"><span  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"><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"> <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  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; }   }   </script><br /> <script type='text/javascript'>  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>

12. Simpan dan Lihat Hasilnya
selamat mencoba, jagan lupa tinggalkan komentar anda  

9 Responses to "Cara Membuat Tombol Next and Previous di bawah Posting"

  1. Replies
    1. pake template yang udah anda next previous aj an, sekarang udah banyak,
      ini trik lawas jaman dulu

      Delete
  2. Templat saya dulu ada next previousnya tapi sekarang hilang gan itu kenapa. ?

    ReplyDelete
  3. yg punya kok acak-acakan ya .. . kalau nex ke no 2
    ini blog nya mohon di cek
    http://redaksimediasuara@gmail.com

    ReplyDelete
  4. keren tapi kok gak bisa ya di blog ane, mohon kunjungannya di http://myinformationforyouall.blogspot.co.id/

    ReplyDelete

Terimaksih atas kunjungan anda
Mohon untuk berkomentar yang sopan, tidak mengandung kalimat yang berbau kekerasan atau kriminal
Dilarang menaruh Link Aktif di Komentar, disitu sudah tersedia Profil Name/Url silahkan dimanfaatkan