label을 이용한 글 목록

기능 이용을 위해서는 위젯을 추가해야 하며 아래 링크와 같은 절차로 등록하시면 됩니다.
http://bbans.blogspot.kr/2014/05/blog-post_6748.html

/** url의 Parameter를 얻는 Class. **/
var G1Request = {  
    parameter: function(name) {
        return this.parameters()[name];
    },
    parameters: function() {
        var result = {};
        var url = window.location.href;
        var parameters = url.slice(url.indexOf('?') + 1).split('&');

for(var i = 0;  i < parameters.length; i++) {
            var parameter = parameters[i].split('=');
            result[parameter[0]] = parameter[1];
        }
        return result;
    }
}

/** Page의 정보를 저장. **/
var G1Page = {
    //초기화.
    init: function(home,max){
        G1Page.home = home;
        G1Page.max = max;
        G1Page.label = '';
        G1Page.no = 1;
    },
    //url의 parameter에서 pgno 값을 읽어 옮.
    setPage: function(){
        var url = window.location.href;

var pl = url.lastIndexOf("/label/");
        var pq = url.lastIndexOf("?");

if(pl != -1)
            G1Page.label = url.substr(pl+7,((pq!=-1)?pq:url.length)-(pl+7));

if(url.indexOf("pgno") != -1)
            G1Page.no = G1Request.parameter("pgno");
    }
}
/** feed를 parsing 하여 결과 뿌려 줌. **/
var G1Obj = {
    init: function () {
        G1Obj.obj = document.getElementById('posts');
        G1Obj.pgno = document.getElementById('posts-pgno');
    },
    // 검색을 요청하는 함수 
    pingSearch: function () {
        //변수 선언.
        G1Obj.s = document.createElement('script');
        G1Obj.s.type = 'text/javascript';
        G1Obj.s.charset = 'utf-8';
        
        //feed callback 함수를 이용 json 객체 구한 후 pongSearch 함수호출. 
        if(G1Page.label == '')
            G1Obj.s.src = '' + G1Page.home + '/feeds/posts/summary/?max-results='+(G1Page.no*G1Page.max)+'&alt=json-in-script&callback=G1Obj.pongSearch';
        else
            G1Obj.s.src = '' + G1Page.home + '/feeds/posts/summary/-/'+G1Page.label+'?max-results='+(G1Page.no*G1Page.max)+'&alt=json-in-script&callback=G1Obj.pongSearch';

//append.
        document.getElementsByTagName('head')[0].appendChild(G1Obj.s);
    },
    // 검색 결과를 뿌리는 함수 
    pongSearch: function (z) {
        G1Obj.obj.innerHTML = '';

/* 글 목록을 뿌려 줌. */
        for (var i = (G1Page.no-1)*G1Page.max; i < G1Page.no*G1Page.max; i++) {
            //예외처리.
            if(i >= z.feed.openSearch$totalResults.$t)
                break;

//변수선언.
            var li = document.createElement("li");
            var div = document.createElement('div');
            var a1 = document.createElement('a');
            var a2 = document.createElement('a');
            
            //link로 사용할 base url.
            var url = G1Page.home + '/search';
            if(G1Page.label != '')
                url += '/label/' + G1Page.label;
            
            //최종 link를 url 입력.
            if (i == 0){ 
                a1.href = url + '?max-results=1';
                a2.href = url + '?max-results=1';
            }
            else {
                var published = G1Obj.changeTime(z.feed.entry[i - 1].published.$t);
                a1.href = url + '?updated-max=' + published + '&max-results=1&pgno='+G1Page.no;
                a2.href = url + '?updated-max=' + published + '&max-results=1&pgno='+G1Page.no;
            }
            //제목만 a.innerHTML = G1Obj.escapeHtml(z.feed.entry[i].title.$t);

//시간.
            var ldiv = document.createElement('div');
            var published = z.feed.entry[i].published.$t;
            var y,mm,d,h,m,s;
            y = 1 * published.substr(0,4);
            mm = 1 * published.substr(5,2)-1;
            d = 1 * published.substr(8,2);
            h = 1 * published.substr(11,2);
            m = 1 * published.substr(14,2);
            s = 1 * published.substr(17,2);
            var date = new Date(y, mm, d, h, m, s);
            var dt;
            if(published.charAt('+'))
                dt = (parseInt(published.substr(25,2)) * 60 + parseInt(published.substr(28,2)))*60000;
            else
                dt = (-parseInt(published.substr(25,2)) * 60 - parseInt(published.substr(28,2)))*60000;
            var rdate = new Date(date.getTime() + dt);
           //a1.innerHTML = G1Obj.escapeHtml(rdate.getFullYear() +"."+ (rdate.getMonth()+1) +"."+ rdate.getDate() +". "+ rdate.getHours() +":"+ rdate.getMinutes() +":"+ ((rdate.getSeconds()<10)?"0"+rdate.getSeconds():rdate.getSeconds()));
           a1.innerHTML = G1Obj.escapeHtml(date.getFullYear() +"."+ (date.getMonth()+1) +"."+ date.getDate() +". "+ date.getHours() +":"+ date.getMinutes() +":"+ ((date.getSeconds()<10)?"0"+date.getSeconds():date.getSeconds()));
            //제목
            var rdiv = document.createElement('div');
            div.className = "G1PostsPost";
            ldiv.className = "G1PostsLeft";
            rdiv.className = "G1PostsRight";
            a2.className = 'G1PostsTitle';
            a2.innerHTML = G1Obj.escapeHtml(z.feed.entry[i].title.$t);
            if(a2.innerHTML.length > 100)
                a2.innerHTML = a2.innerHTML.substr(0,100) + '...';
            ldiv.appendChild(a2);
            //라벨
            for(var j in z.feed.entry[i].category){
                var a3 = document.createElement('a');
                a3.className = 'G1PostsTag';
                a3.style.color = 'green';
                a3.href = G1Page.home + '/search/label/' + z.feed.entry[i].category[j].term + '?max-results=1';
                a3.innerHTML = G1Obj.escapeHtml('['+z.feed.entry[i].category[j].term+']');
                rdiv.appendChild(a3);
            }
            rdiv.appendChild(a1);
            div.appendChild(ldiv);
            div.appendChild(rdiv);

//append
            li.appendChild(div);
            G1Obj.obj.appendChild(li);
        }
        /* page 뿌려줌. */
        G1Obj.pongPgno(z);
    },
    // page를 뿌려주는 함수.
    pongPgno: function(z){
        G1Obj.pgno.innerHTML = '';
        var before = document.createElement('a');
        var next = document.createElement('a');
        
        var ten = parseInt((G1Page.no-1)/10);
        var total = z.feed.openSearch$totalResults.$t;

/* before page */
        before.innerHTML = ' << ';          
        if(ten>0)
            G1Obj.onMouseDown(before, ten*10);
        G1Obj.pgno.appendChild(before);

/* page number */
        for(var i=ten*10; i< (ten+1)*10; i++){
            if(i >= total/G1Page.max)
                break;
            var a = document.createElement('a');
            G1Obj.onMouseDown(a,i+1);

a.innerHTML = ' ' + (i+1) + ' ';

if(i+1 == G1Page.no)
                a.style.color = 'yellow';
            G1Obj.pgno.appendChild(a);
        }
        /* next page */
        next.innerHTML = ' >> ';
        if(ten< parseInt(total/G1Page.max/10))
            G1Obj.onMouseDown(next, (ten+1)*10+1);
        G1Obj.pgno.appendChild(next);
    },
    //mouse click event.
    onMouseDown: function(a, i){
        a.onmousedown = function(){
            G1Page.no = i;
            G1Obj.pingSearch();
        }
    },
    //Time 에러 수정.
    changeTime: function(str){
        var s = str.lastIndexOf('.')-1;
        var e = str.lastIndexOf('+')+1;
        
        var str2 = str.substr(0,s) + '%2B' + str.substr(e,100);
        
        return str2;
    },    
    // HTML태그 안 먹게 하는 함수
    escapeHtml: function (str) {
        str = str.replace(/&/g, "&");
        str = str.replace(/</g, "<");
        str = str.replace(/>/g, ">");
        return str;
    }
};

G1Page.init('http://bbans.blogspot.com', 5);
G1Page.setPage();
G1Obj.init();
G1Obj.pingSearch();

Page.init('http://bbans.blogspot.com', 5);
205라인에 블로그 주소와 페이지당 표시될 포스트 수를 설정
label이나 포스트 작성일에 대한 것은 obj.pongSearch 부분을 수정

표준 시간대비 '-' 일 경우 소스코드 중 change:Time 부분을 아래 코드로 교체

참고 : http://creatorhong.blogspot.kr/2012/02/blogger-label-posts-list.html
참고 : http://www.bloggersentral.com/2010/04/list-recent-posts-by-label.html

mungsang

2014/05/22

label을 이용한 글 목록

댓글 없음:

댓글 쓰기

Popular Posts

Recent-post

Labels

Blog Archive

Recent-Post

Popular Posts

Text-Widget

Labels