Wednesday, February 22, 2006
블로거(Blogger.com)의 Archives 순서 뒤집어주기: 이번달 것을 가장 위로
2006-03-04 수정 사항: 아래의 방법은 아주 좋지 않았습니다. 자바스크립트로 링크를 만들기 때문에 검색 엔진에 인덱스가 안될 가능성이 아주 높아집니다.
"블로그가 구글에 잘 인덱스 안되던 이유를 좀 알게 됨" 참조.
------------------------------------------------------------------------
블로거(Blogger.com)의 Archives 는 옛날 Archive가 가장 위로 올라오게 되어 있다. 그래서 방문객은 항상 가장 오래된 Archive를 가장 먼저 보게 된다. 이를테면, 신문사 창간 당시의 옛기사가 신문사 기사 목록의 가장 위에 게시되어 있는 격이다.
반면 Archive 외의, Previous Posts (이전 게시물) 등의 다른 목록들은 모두 최신의 항목이 가장 위에 표시된다. 그래서 일관성조차도 없다.
Archive 목록의 순서를 변경하는 법이 블로거(Blogger.com) 도움말: "아카이브 링크의 순서를 어떻게 변경합니까?" ( http://help.blogger.com/bin/answer.py?answer=882 # 2024-03-29: 현재 폐쇄됨 )에 있기는 했다.
그런데 자바스크립트(JavaScript)를 사용해야 했다. 도움말에 있는 코드를 좀 다듬었더니 아주 복잡해졌다. Archive 순서 변경쯤은 기본적으로 지원되었으면 한다.
"Son of Moto" 템플릿에 있던 이 코드를:
※ 아래 박스 클릭 후, 키보드 화살표 키로 좌우 스크롤 가능함
<MainOrArchivePage>
<h2 class="sidebar-title">Archives</h2>
<ul class="archive-list">
<BloggerArchives>
<li><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li>
</BloggerArchives>
<ArchivePage><li><a href="<$BlogURL$>">Current Posts</a></li></ArchivePage>
</ul>
</MainOrArchivePage>
아래의 것으로 완전히 대체:
※ 아래 박스 클릭 후, 키보드 화살표 키로 좌우 스크롤 가능함
<!-- 'ARCHIVES' START -->
<MainOrArchivePage>
<h2 class="sidebar-title">Archives</h2>
<ul class="archive-list">
<script type="text/javascript">
var archives = new Array();
<BloggerArchives>
archives[archives.length] = new Array('<$BlogArchiveURL$>', '<$BlogArchiveName$>');
</BloggerArchives>
<ArchivePage>document.write('<li><a href=\"<$BlogURL$>\">Current Posts << Home</a></li>');</ArchivePage>
for (var i=archives.length - 1; i>=0; i--) {
document.write('<li><a href=\"' + archives[i][0] + '\">' + archives[i][1] + '</a></li>');
}
</script>
</ul>
<noscript>
<div style="color:#FF0000;">JavaScript Disabled</div>
<ul class="archive-list">
<BloggerArchives><li><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li></BloggerArchives>
<ArchivePage><li><a href="<$BlogURL$>">Current Posts << Home</a></li></ArchivePage>
</ul>
</noscript>
</MainOrArchivePage>
<!-- 'ARCHIVES' END -->
이렇게 복잡하게 템플릿을 편집해야 마침내 순서가 뒤집어짐.
"블로그가 구글에 잘 인덱스 안되던 이유를 좀 알게 됨" 참조.
------------------------------------------------------------------------
블로거(Blogger.com)의 Archives 는 옛날 Archive가 가장 위로 올라오게 되어 있다. 그래서 방문객은 항상 가장 오래된 Archive를 가장 먼저 보게 된다. 이를테면, 신문사 창간 당시의 옛기사가 신문사 기사 목록의 가장 위에 게시되어 있는 격이다.
반면 Archive 외의, Previous Posts (이전 게시물) 등의 다른 목록들은 모두 최신의 항목이 가장 위에 표시된다. 그래서 일관성조차도 없다.
Archive 목록의 순서를 변경하는 법이 블로거(Blogger.com) 도움말: "아카이브 링크의 순서를 어떻게 변경합니까?" ( http://help.blogger.com/bin/answer.py?answer=882 # 2024-03-29: 현재 폐쇄됨 )에 있기는 했다.
그런데 자바스크립트(JavaScript)를 사용해야 했다. 도움말에 있는 코드를 좀 다듬었더니 아주 복잡해졌다. Archive 순서 변경쯤은 기본적으로 지원되었으면 한다.
"Son of Moto" 템플릿에 있던 이 코드를:
※ 아래 박스 클릭 후, 키보드 화살표 키로 좌우 스크롤 가능함
<MainOrArchivePage>
<h2 class="sidebar-title">Archives</h2>
<ul class="archive-list">
<BloggerArchives>
<li><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li>
</BloggerArchives>
<ArchivePage><li><a href="<$BlogURL$>">Current Posts</a></li></ArchivePage>
</ul>
</MainOrArchivePage>
아래의 것으로 완전히 대체:
※ 아래 박스 클릭 후, 키보드 화살표 키로 좌우 스크롤 가능함
<!-- 'ARCHIVES' START -->
<MainOrArchivePage>
<h2 class="sidebar-title">Archives</h2>
<ul class="archive-list">
<script type="text/javascript">
var archives = new Array();
<BloggerArchives>
archives[archives.length] = new Array('<$BlogArchiveURL$>', '<$BlogArchiveName$>');
</BloggerArchives>
<ArchivePage>document.write('<li><a href=\"<$BlogURL$>\">Current Posts << Home</a></li>');</ArchivePage>
for (var i=archives.length - 1; i>=0; i--) {
document.write('<li><a href=\"' + archives[i][0] + '\">' + archives[i][1] + '</a></li>');
}
</script>
</ul>
<noscript>
<div style="color:#FF0000;">JavaScript Disabled</div>
<ul class="archive-list">
<BloggerArchives><li><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li></BloggerArchives>
<ArchivePage><li><a href="<$BlogURL$>">Current Posts << Home</a></li></ArchivePage>
</ul>
</noscript>
</MainOrArchivePage>
<!-- 'ARCHIVES' END -->
이렇게 복잡하게 템플릿을 편집해야 마침내 순서가 뒤집어짐.
tag: blogger
블로거 | 구글블로그 | Blogger.com + blogspot.com
tag: html
HTML | CSS | 자바스크립트 JavaScript
<< Home