5,6,7차수정] 단지 아래 페이지수 표시의 좌측 부분 << 이 위로 따로 떨어져서 ,+6차수정

ㅎㅎ, 정말 감사합니다^^

G1님의 지적대로 템플릿>맞춤설정>고급>CSS 추가 부분에 그런 코드가 잇더군요,,,

그때 그기에 추가하는게 아니라 해서 지운다는것이 깜박하고는 지웟다고 생각햇는데,,, 블로그주인인 저보다 더 빤히 아시고 계시네요^^


그것을 지우고 나니까 , 흑점-글제목, 아래에 레벨 젤우측에 시간이 표기됨, 감솨!! 단지
아래 페이지 표시   <<1>>


의 좌측 부분

<<

이  위로 따로 떨어져 나감니다;;

http://hi5656.blogspot.com/2012/09/5-httphi5656.html [캡쳐와 적용코드부분잇음]





-------5차수정 코드, 흑점-글제목, 아래에 레벨 젤우측에 시간이 표기됨, 감솨!! 단지
아래 페이지 표시 죄측 부분 << 이 위로 따로 떨어져 나감---------->>



<style>
#posts{padding: 10px;}
.g1sPostsPost{clear: both;}
.g1sPostsTitle{}
.g1sPostsTag{float:left;}
.g1sPostsRight{float:right; text-align:right; width:99%;}
</style>


<div>

<div id="posts" style="padding: 10px;">

</div>

<div align="center" id="posts-pgno" style="cursor: pointer;">

</div>

</div>

<script language="Javascript" type="text/javascript">

/** url의 Parameter를 얻는 Class. **/

var request = {

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 page = {

//초기화.

init: function(home,max){

page.home = home;

page.max = max;

page.label = '';

page.no = 1;

},



//url의 parameter에서 pgno 값을 읽어 옮.

setPage: function(){

var url = window.location.href;



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

var pq = url.lastIndexOf("?");



if(pl != -1)

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



if(url.indexOf("pgno") != -1)

page.no = request.parameter("pgno");



}



}

/** feed를 parsing 하여 결과 뿌려 줌. **/

var obj = {

init: function () {

obj.obj = document.getElementById('posts');

obj.pgno = document.getElementById('posts-pgno');

},



// 검색을 요청하는 함수

pingSearch: function () {

//변수 선언.

obj.s = document.createElement('script');

obj.s.type = 'text/javascript';

obj.s.charset = 'utf-8';



//feed callback 함수를 이용 json 객체 구한 후 pongSearch 함수호출.

if(page.label == '')

obj.s.src = '' + page.home +

'/feeds/posts/summary/?max-results='+(page.no*page.max)

+'&alt=json-in-script&callback=obj.pongSearch';

else

obj.s.src = '' + page.home + '/feeds/posts/summary/-/'

+page.label+'?max-results='+(page.no*page.max)

+'&alt=json-in-script&callback=obj.pongSearch';



//append.

document.getElementsByTagName('head')[0].appendChild(obj.s);

},



// 검색 결과를 뿌리는 함수

pongSearch: function (z) {
obj.obj.innerHTML = '';

/* 글 목록을 뿌려 줌. */
for (var i = (page.no-1)*page.max; i < page.no*page.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 = page.home + '/search';
if(page.label != '')
url += '/label/' + page.label;


//최종 link를 url 입력

if (i == 0){
a1.href = url + '?max-results=1';
a2.href = url + '?max-results=1';
}else{
var published = obj.changeTime(z.feed.entry[i - 1].published.$t);
a1.href = url + '?updated-max=' + published + '&max-results=1&pgno='+page.no;
a2.href = url + '?updated-max=' + published + '&max-results=1&pgno='+page.no;
}


//제목만 a.innerHTML = obj.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);
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 = obj.escapeHtml(rdate.getFullYear() +"."+ rdate.getMonth() +"."+ rdate.getDate() +". "+ rdate.getHours() +":"+ rdate.getMinutes() +":"+ ((rdate.getSeconds()<10)?"0"+rdate.getSeconds():rdate.getSeconds()));

//제목

var rdiv = document.createElement('div');
div.className = "g1sPostsPost";
ldiv.className = "g1sPostsLeft";
rdiv.className = "g1sPostsRight";
a2.className = 'g1sPostsTitle';
a2.innerHTML = obj.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 = 'g1sPostsTag';
a3.style.color = 'green';
a3.href = page.home + '/search/label/' + z.feed.entry[i].category[j].term + '?max-results=1';
a3.innerHTML = obj.escapeHtml('['+z.feed.entry[i].category[j].term+']');
rdiv.appendChild(a3);
}
rdiv.appendChild(a1);
div.appendChild(ldiv);
div.appendChild(rdiv);
li.appendChild(div);
obj.obj.appendChild(li);
}

/* page 뿌려줌. */
obj.pongPgno(z);
},



// page를 뿌려주는 함수.

pongPgno: function(z){

obj.pgno.innerHTML = '';

var before = document.createElement('a');

var next = document.createElement('a');



var ten = parseInt((page.no-1)/10);

var total = z.feed.openSearch$totalResults.$t;



/* before page */

before.innerHTML = ' << ';

if(ten>0)

obj.onMouseDown(before, ten*10);

obj.pgno.appendChild(before);



/* page number */

for(var i=ten*10; i< (ten+1)*10; i++){

if(i >= total/page.max)

break;

var a = document.createElement('a');

obj.onMouseDown(a,i+1);



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



if(i+1 == page.no)

a.style.color = 'yellow';

obj.pgno.appendChild(a);

}



/* next page */

next.innerHTML = ' >> ';

if(ten< parseInt(total/page.max/10))

obj.onMouseDown(next, (ten+1)*10+1);

obj.pgno.appendChild(next);

},



//mouse click event.

onMouseDown: function(a, i){

a.onmousedown = function(){

page.no = i;

obj.pingSearch();

}

},



//Time 에러 수정.

changeTime: function(str){

var s = str.lastIndexOf('.')-1;

var e = str.lastIndexOf('+')+1;



if(e<1){

e = str.lastIndexOf('-')+1;

var str2 = str.substr(0,s) + '-' + str.substr(e,100);

}

else{

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;

}

};







page.init('http://hi5656.blogspot.com', 40);

page.setPage();

obj.init();

obj.pingSearch();

</script>

<<<-------5차수정 코드, 흑점-글제목, 아래에 레벨 젤우측에 시간이 표기됨, 감솨!! 단지
아래 페이지 표시 죄측 부분 << 이 위로 따로 떨어져 나감----------



-->G1님 답변----------->>>

http://creatorhong.blogspot.kr/2012/02/blogger-label-posts-list.html

미쳐 예상하지 못한 상황이네요.... font 사이즈가 16 이하이면 그렇게 나타나는 군요.
아무래도 일단 아래 내용을 수정해 주시면 됩니다. 아마 앞에서 10번째 줄일거 같은데....

<div align="center" id="posts-pgno" style="cursor: pointer;">

부분을

<div align="center" id="posts-pgno" style="cursor: pointer; font-size: 17px;">

로 수정해 주시면 될 겁니다. 17px 부분은 그보다 큰 다른 수로 하셔도 되구요. ^^

--------------------

-----------6차 수정, 테스트결과 29px 이상이여야 << 다 제자리로 돌아옴------------>>>

<style>
    #posts{padding: 10px;}
    .g1sPostsPost{clear: both;}
    .g1sPostsTitle{}
    .g1sPostsTag{float:left;}
    .g1sPostsRight{float:right; text-align:right; width:99%;}
</style>

<div>

<div id="posts" style="padding: 10px;">

</div>

<div align="center" id="posts-pgno" style="cursor: pointer; font-size: 29px;">

</div>

</div>

<script language="Javascript" type="text/javascript">

/** url의 Parameter를 얻는 Class. **/

var request = {

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 page = {

//초기화.

init: function(home,max){

page.home = home;

page.max = max;

page.label = '';

page.no = 1;

},

//url의 parameter에서 pgno 값을 읽어 옮.

setPage: function(){

var url = window.location.href;

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

var pq = url.lastIndexOf("?");

if(pl != -1)

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

if(url.indexOf("pgno") != -1)

page.no = request.parameter("pgno");

}

}

/** feed를 parsing 하여 결과 뿌려 줌. **/

var obj = {

init: function () {

obj.obj = document.getElementById('posts');

obj.pgno = document.getElementById('posts-pgno');

},

// 검색을 요청하는 함수

pingSearch: function () {

//변수 선언.

obj.s = document.createElement('script');

obj.s.type = 'text/javascript';

obj.s.charset = 'utf-8';

//feed callback 함수를 이용 json 객체 구한 후 pongSearch 함수호출.

if(page.label == '')

obj.s.src = '' + page.home +

'/feeds/posts/summary/?max-results='+(page.no*page.max)

+'&alt=json-in-script&callback=obj.pongSearch';

else

obj.s.src = '' + page.home + '/feeds/posts/summary/-/'

+page.label+'?max-results='+(page.no*page.max)

+'&alt=json-in-script&callback=obj.pongSearch';

//append.

document.getElementsByTagName('head')[0].appendChild(obj.s);

},

// 검색 결과를 뿌리는 함수

pongSearch: function (z) {
obj.obj.innerHTML = '';

/* 글 목록을 뿌려 줌. */
for (var i = (page.no-1)*page.max; i < page.no*page.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 = page.home + '/search';
if(page.label != '')
url += '/label/' + page.label;

//최종 link를 url 입력

if (i == 0){
a1.href = url + '?max-results=1';
a2.href = url + '?max-results=1';
}else{
var published = obj.changeTime(z.feed.entry[i - 1].published.$t);
a1.href = url + '?updated-max=' + published + '&max-results=1&pgno='+page.no;
a2.href = url + '?updated-max=' + published + '&max-results=1&pgno='+page.no;
}

//제목만 a.innerHTML = obj.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);
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 = obj.escapeHtml(rdate.getFullYear() +"."+ rdate.getMonth() +"."+ rdate.getDate() +". "+ rdate.getHours() +":"+ rdate.getMinutes() +":"+ ((rdate.getSeconds()<10)?"0"+rdate.getSeconds():rdate.getSeconds()));

//제목

var rdiv = document.createElement('div');
div.className = "g1sPostsPost";
ldiv.className = "g1sPostsLeft";
rdiv.className = "g1sPostsRight";
a2.className = 'g1sPostsTitle';
a2.innerHTML = obj.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 = 'g1sPostsTag';
a3.style.color = 'green';
a3.href = page.home + '/search/label/' + z.feed.entry[i].category[j].term + '?max-results=1';
a3.innerHTML = obj.escapeHtml('['+z.feed.entry[i].category[j].term+']');
rdiv.appendChild(a3);
}
rdiv.appendChild(a1);
div.appendChild(ldiv);
div.appendChild(rdiv);
li.appendChild(div);
obj.obj.appendChild(li);
}

/* page 뿌려줌. */
obj.pongPgno(z);
},

// page를 뿌려주는 함수.

pongPgno: function(z){

obj.pgno.innerHTML = '';

var before = document.createElement('a');

var next = document.createElement('a');

var ten = parseInt((page.no-1)/10);

var total = z.feed.openSearch$totalResults.$t;

/* before page */

before.innerHTML = ' << ';

if(ten>0)

obj.onMouseDown(before, ten*10);

obj.pgno.appendChild(before);

/* page number */

for(var i=ten*10; i< (ten+1)*10; i++){

if(i >= total/page.max)

break;

var a = document.createElement('a');

obj.onMouseDown(a,i+1);

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

if(i+1 == page.no)

a.style.color = 'yellow';

obj.pgno.appendChild(a);

}

/* next page */

next.innerHTML = ' >> ';

if(ten< parseInt(total/page.max/10))

obj.onMouseDown(next, (ten+1)*10+1);

obj.pgno.appendChild(next);

},

//mouse click event.

onMouseDown: function(a, i){

a.onmousedown = function(){

page.no = i;

obj.pingSearch();

}

},

//Time 에러 수정.

changeTime: function(str){

var s = str.lastIndexOf('.')-1;

var e = str.lastIndexOf('+')+1;

if(e<1){

e = str.lastIndexOf('-')+1;

var str2 = str.substr(0,s) + '-' + str.substr(e,100);

}

else{

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;

}

};

page.init('http://hi5656.blogspot.com', 40);

page.setPage();

obj.init();

obj.pingSearch();

</script>

<<<-----------6차 수정------------

GOne Hong2012. 9. 24. 오후 11:40:00

29나요?? 흠.... 확실히 모양이 안이쁘네요. 다른방법으로 해보죠...

<div align="center" id="posts-pgno" style="cursor: pointer;">

앞에

<br/>

을 넣어보세요.  

[즉 6차 수정 후 

<div align="center" id="posts-pgno" style="cursor: pointer; font-size: 29px;"> 

이 것을 도로 아래 부분으로 대체함]

<br/>
<div align="center" id="posts-pgno" style="cursor: pointer;">

이렇게 되는거죠... 이렇게 해도 될거에요.

---------7차수정 '<<1>>' 이부분을 29px로 너무 크게 하지 않고, 줄바꿈으로? 설정하기------>>>


<style>
    #posts{padding: 10px;}
    .g1sPostsPost{clear: both;}
    .g1sPostsTitle{}
    .g1sPostsTag{float:left;}
    .g1sPostsRight{float:right; text-align:right; width:99%;}
</style>


<div>

<div id="posts" style="padding: 10px;">

</div>

<br/>
<div align="center" id="posts-pgno" style="cursor: pointer;">


</div>

</div>

<script language="Javascript" type="text/javascript">

/** url의 Parameter를 얻는 Class. **/

var request = {

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 page = {

//초기화.

init: function(home,max){

page.home = home;

page.max = max;

page.label = '';

page.no = 1;

},



//url의 parameter에서 pgno 값을 읽어 옮.

setPage: function(){

var url = window.location.href;



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

var pq = url.lastIndexOf("?");



if(pl != -1)

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



if(url.indexOf("pgno") != -1)

page.no = request.parameter("pgno");



}



}

/** feed를 parsing 하여 결과 뿌려 줌. **/

var obj = {

init: function () {

obj.obj = document.getElementById('posts');

obj.pgno = document.getElementById('posts-pgno');

},



// 검색을 요청하는 함수

pingSearch: function () {

//변수 선언.

obj.s = document.createElement('script');

obj.s.type = 'text/javascript';

obj.s.charset = 'utf-8';



//feed callback 함수를 이용 json 객체 구한 후 pongSearch 함수호출.

if(page.label == '')

obj.s.src = '' + page.home +

'/feeds/posts/summary/?max-results='+(page.no*page.max)

+'&alt=json-in-script&callback=obj.pongSearch';

else

obj.s.src = '' + page.home + '/feeds/posts/summary/-/'

+page.label+'?max-results='+(page.no*page.max)

+'&alt=json-in-script&callback=obj.pongSearch';



//append.

document.getElementsByTagName('head')[0].appendChild(obj.s);

},



// 검색 결과를 뿌리는 함수

pongSearch: function (z) {
obj.obj.innerHTML = '';

/* 글 목록을 뿌려 줌. */
for (var i = (page.no-1)*page.max; i < page.no*page.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 = page.home + '/search';
if(page.label != '')
url += '/label/' + page.label;


//최종 link를 url 입력

if (i == 0){
a1.href = url + '?max-results=1';
a2.href = url + '?max-results=1';
}else{
var published = obj.changeTime(z.feed.entry[i - 1].published.$t);
a1.href = url + '?updated-max=' + published + '&max-results=1&pgno='+page.no;
a2.href = url + '?updated-max=' + published + '&max-results=1&pgno='+page.no;
}


//제목만 a.innerHTML = obj.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);
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 = obj.escapeHtml(rdate.getFullYear() +"."+ rdate.getMonth() +"."+ rdate.getDate() +". "+ rdate.getHours() +":"+ rdate.getMinutes() +":"+ ((rdate.getSeconds()<10)?"0"+rdate.getSeconds():rdate.getSeconds()));

//제목

var rdiv = document.createElement('div');
div.className = "g1sPostsPost";
ldiv.className = "g1sPostsLeft";
rdiv.className = "g1sPostsRight";
a2.className = 'g1sPostsTitle';
a2.innerHTML = obj.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 = 'g1sPostsTag';
a3.style.color = 'green';
a3.href = page.home + '/search/label/' + z.feed.entry[i].category[j].term + '?max-results=1';
a3.innerHTML = obj.escapeHtml('['+z.feed.entry[i].category[j].term+']');
rdiv.appendChild(a3);
}
rdiv.appendChild(a1);
div.appendChild(ldiv);
div.appendChild(rdiv);
li.appendChild(div);
obj.obj.appendChild(li);
}

/* page 뿌려줌. */
obj.pongPgno(z);
},



// page를 뿌려주는 함수.

pongPgno: function(z){

obj.pgno.innerHTML = '';

var before = document.createElement('a');

var next = document.createElement('a');



var ten = parseInt((page.no-1)/10);

var total = z.feed.openSearch$totalResults.$t;



/* before page */

before.innerHTML = ' << ';

if(ten>0)

obj.onMouseDown(before, ten*10);

obj.pgno.appendChild(before);



/* page number */

for(var i=ten*10; i< (ten+1)*10; i++){

if(i >= total/page.max)

break;

var a = document.createElement('a');

obj.onMouseDown(a,i+1);



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



if(i+1 == page.no)

a.style.color = 'yellow';

obj.pgno.appendChild(a);

}



/* next page */

next.innerHTML = ' >> ';

if(ten< parseInt(total/page.max/10))

obj.onMouseDown(next, (ten+1)*10+1);

obj.pgno.appendChild(next);

},



//mouse click event.

onMouseDown: function(a, i){

a.onmousedown = function(){

page.no = i;

obj.pingSearch();

}

},



//Time 에러 수정.

changeTime: function(str){

var s = str.lastIndexOf('.')-1;

var e = str.lastIndexOf('+')+1;



if(e<1){

e = str.lastIndexOf('-')+1;

var str2 = str.substr(0,s) + '-' + str.substr(e,100);

}

else{

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;

}

};







page.init('http://hi5656.blogspot.com', 40);

page.setPage();

obj.init();

obj.pingSearch();

</script>




<<<---------7차수정 '<<1>>' 이부분을 29px로 너무 크게 하지 않고, 줄바꿈으로? 설정하기------