Cara Mudah Membuat Next Page Di Blog

Cara Mudah Membuat Next Page Di Blog - Pada kesempatan kali ini saya akan membahas tutorial singkat yang mana membahas tentang Cara Mudah Membuat Next Page Di Blog dengan widget dibawah postingan atau difooter atau dimanapun berada.

Langsung aja langkah-langkahnya sebagai berikut :

1. Buka Dashboard blog anda

2. Klik HTML/JavaScript. selanjutnya copy semua script yang ada 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 || is Lable Page {var page Area = 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>

3. Kemudian Save,  dan lihat hasil tampilannya diblog anda.

Gimana mudah bukan, ga perlu pake CSS :v silahkan dicoba gan :)
semoga bermanfaat..
Previous
Next Post »

15 komentar

Klik Disini Untuk komentar
hibban arham
admin
12 January 2016 at 16:24 ×

artikel yang bermanfaat gan...

Reply
avatar
tony putra
admin
12 January 2016 at 16:31 ×

keren gan.. bermanfaat

Reply
avatar
12 January 2016 at 16:34 ×

Wah nyocok nh gan buat web ane cara membuat next page'a :D

Reply
avatar
messi
admin
12 January 2016 at 16:46 ×

Thanks infonya gan

Reply
avatar
Zeyn Mutaqin
admin
12 January 2016 at 17:41 ×

Mantap gan, artikelnya sangat berguna sekali bagi saya dan semoga bisa bermanfaat bagi saya dan teman teman yang lainnya :D

Reply
avatar
12 January 2016 at 17:54 ×

setellah dicoba berhasil bang tq..masukan.a..


by dedi mitsubishi

Reply
avatar
12 January 2016 at 20:51 ×

siiip langsung ane praktekin nih. lanjutkan gan

Reply
avatar
arifmm
admin
13 January 2016 at 13:09 ×

Wah Jos sekali artikel ente bro

Sekalian ah coba terapin

Reply
avatar
arifmm
admin
13 January 2016 at 13:10 ×

Wah Jos sekali artikel ente bro

Sekalian ah coba terapin

Reply
avatar
Dewiq ashifa
admin
13 January 2016 at 13:20 ×

nice gan artikelnya bermanfaat

Reply
avatar
solosoloku
admin
13 January 2016 at 13:55 ×

artikel yang bermanfaat, nanti saya terapin cara agan diatas. :)

Reply
avatar
13 January 2016 at 19:45 ×

saran: kasi SS gan, kalau bisa kasi demo sekalian, thx before
nice post :)

Reply
avatar
Lagilagilana
admin
19 January 2016 at 13:45 ×

thx scriptnya gan, lumayan buat nambah page views

Reply
avatar

PERATURAN BERKOMENTAR :
✔ Relevan
✔ Sopan
✖ Link Aktif
✖ Spam
✖ Diluar Topik / OOT ! ConversionConversion EmoticonEmoticon