CARA MUDAH MEMBUAT MENU NAVIGASI NEXT/PAGE PADA HALAMAN BLOG
Menu Navigasi Next Page
Menu navigasi pada sebuah blog adalah elemen penting yang harus ada. Menu navigasi dibuat menggunakan tujuan buat memudahkan pengunjung blog mencari kabar yang dibutuhkan serta buat menelusuri seluruh isi blog. Menu navigasi ini pula merupakan syarat mutlak buat blog yg didaftarkan ke google adsense. Meskipun isi blok sangat baik, tetapi nir mencantumkan pilihan menu navigasi, maka sang adsense akan mengkategorikan bahwa blog tersebut tidak cocok dengan kebijakan adsense.
Adapun jenis - jenis menu navigasi ini antara lain:
- Menu navigasi horizontal ; adalah pilihan menu yang dibuat secara mendatar atau horizontal dan umumnya berupa satu atau dua kata yg dibuat link. Menu horizontal umumnya di simpan di bawah judul blog atau pada atas judul blog.
- Menu navigasi vertikal; hampir sama menggunakan menu horizontal, namun posisi pilihan menu vertikal ini merupakan berurut dari atas ke bawah. Menu vertikal ini biasanya pada simpan pada samping kiri atau kanan blog.
- Menu dropdown; adalah pilihan menu navigasi yang dibuat secara bertingkat. Baik dalam pilihan menu navigasi horizontal atau menu navigasi vertikal. Menu yg masih ada pada menu horizontal dan pilihan menu vertikal memiliki sub menu lagi yg menuju ke link tertentu.
- Menu next laman; adalah pilihan menu yang terdapat pada bagian bawah page atau artikel. Menu ini berfungsi buat melanjutnya ke page atau artikel selanjutnya. Biasanya menu ini berupa angka yang menerangkan laman yang selanjutnya.
Berikut ini terdapat pedoman buat menciptakan pilihan menu navigasi next laman.
1. Masuk ke Blog, kemudian ke beranda lalu masuk ke tata letak dan pilih tambah Gadget.
2. Pilih gadget HTML/java script
3. Beru judul gadget tersebut, terserah anda.
4. Masukan script pada bawah ini
.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;
}
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 = '';
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%3A00persen3A00%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%3A00persen2B08persen3A00&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==dua)
if(isLablePage)
upPageHtml = labelHtml + upPageWord +'';
else
upPageHtml = ''+ upPageWord +'';
}
else
upPageHtml = ''+ upPageWord +'';
}
fFlag++;
}
if(p==(thisNum-1))
html += ' '+thisNum+'';
else
if(p==0)
if(isLablePage)
html = labelHtml+'1';
else
html += '1';
}
else
html += ''+ (p+1) +' ';
}
}
if(eFlag ==0 && p == thisNum)
downPageHtml = ' '+ downPageWord +'';
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 = ''+upPageHtml+' '+html +' ';
}
}
html = '
Total '+(postNum-1)+': '+html;
if(thisNum<(postNum-1))
html += downPageHtml;
}
if(postNum==1) postNum++;
html += '
';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;
}
}
}
- bisnisaqcelblogspot.com
5. Klik tombol simpan
Demikian cara membuat menu navigasi next/laman, semoga bermanfaat.
Comments
Post a Comment