Kalian pasti tau kan Page Navigation ? Yang ada di paling bawah Blog dan gunanya untuk membuat Sahabat yang datang ke Blog kita lebih mudah buat melihat postingan2 kita. Buat lebih jelasnya mendingan langsung aja kita buat yah Kawan. Nanti kalo kalian ga suka tinggal di hapus aja ok...
Untuk membuat Page Navigation ini ikutin langkah2 berikut yach :
1. Masuk ke Tata Letak dan tambah gadget HTML/JavaScript.
2. Copas code di bawah ini ke gadget tersebut.
.showpageArea {padding: 0 2px;margin-top:10px;margin-bottom:10px;
}
.showpageArea a {border: 1px solid #505050;
color: #FFFFFF;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;
}
.showpageArea a:hover {
font-size:11px;
border: 1px solid #333;
color: #FFFFFF;
background-color: #00000;
}
.showpageNum a {border: 1px solid #505050;
color: #FFFFFF;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;
}
.showpageNum a:hover {
font-size:11px;
border: 1px solid #333;
color: #FFFFFFF;
background-color: #00000;
}
.showpagePoint {font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
font-weight: bold;
border: 1px solid #333;
color: #fff;
background-color: #000000;
}
.showpage a:hover {font-size:11px;
border: 1px solid #333;
color: #FFFFFF;
background-color: #00000;
}
.showpageNum a:link,.showpage a:link {
font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #0066cc;
color: #0066cc;
background-color: #FFFFFF;}
.showpageNum a:hover {font-size:11px;
border: 1px solid #333;
color: #FFFFFF;
background-color: #00000;
}
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=4;
var displayPageNum=7;
var firstPageWord = 'Home';var endPageWord = 'Last';
var upPageWord ='Previous';
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%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<>
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
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<>
if(thisNum>1){
if(!isLablePage){
html = ''+ firstPageWord +' '+upPageHtml+' '+html +' ';
}else{
html = ''+labelHtml + firstPageWord +' '+upPageHtml+' '+html +' ';
}
}
html = '
Page '+thisNum+' for '+(postNum-1)+': '+html;
if(thisNum<(postNum-1)){
html += downPageHtml;
html += ' '+endPageWord+'';
}
if(postNum==1) postNum++;
html += '
';if(thisNum<(postNum-1)){
html += downPageHtml;
html += ' '+endPageWord+'';
}
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[p].innerHTML = html;
}
if(pageArea&&pageArea.length>0){
html ='';
}
if(blogPager){
blogPager.innerHTML = html;
}
}
}
3. Pindahkan gadget yang berisi code tersebut ke bawah postingan di Tata Letak.
4. Simpan dan lihat hasilnya.
Tidak ada komentar:
Posting Komentar