구글 블로그 포스트 타이틀만 나오는 홈화면 만들기

 많은 블로거들이 관리하기 편하다는 이유로 심플하고 화려하지 않은 테마(Template)을 사용한다. 하지만 이러한 테마를 사용하는 블로그는 홈(Home) 메뉴를 클릭하거나 'http://'주소를 입력해서 접속하면 홈페이지 화면이 열리기 때문에 전체 포스트를 최신 순서대로 쭉 나열해 버린다. 방문자는 스크롤의 압박으로 자신이 원하는 글을 찾을 엄두도 못 내고 창 닫기 버튼을 눌러버릴 것이다.




 정성껏 작성한 유용한 포스트들을 홈 화면에서 한눈에 보여줄 수 없다는 것은 안타까운 일이다. 인터넷을 사용하는 사람들은 어떠한 정보 얻을 때 요약이나 제목을 보고
관심 있는 정보를 클릭하여 해당 내용이 펼쳐지는 방법에 익숙해져 있다. 주로 포털사이트나 게시판 등이 이러한 구조로 이루어져 있기에 동일한 구조로 블로그를 구성할 필요가 있다.

 Home에서는 글 제목만 표시되게 하는 방법은 아래 간단한 절차만 따라 하면 된다.
1. 블로그 대시보드에서 테마(Template) 선택 후 HTML 편집(Edit HTML)을 선택하여 HTML 편집 창으로 이동한다.

2. HTML이 편집 창에서 Ctrl + F를 눌러 "</head>"를 입력하고 검색한다.

3. </head> 태그 바로 위에 아래 코드를 복사해서 붙여 넣고 저장(Save Template) 한다.
[추가할 코드]

<style type="text/css">
<b:if cond='data:blog.url == data:blog.homepageUrl'>

.post {
margin:.5em 0 1.5em;
border-bottom:0px dotted $bordercolor;
padding-bottom:1.0em;
height:50px;
}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:20px;
font-family:Tahoma,Georgia,Century gothic,Arial,sans-serif;
font-weight:normal;
line-height:1.4em;
color:#cc6600;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:#cc6600;
font-weight:normal;
}

.post h3 strong, .post h3 a:hover {color:#333333;}

.post-body {display:none;}
.post-footer {display:none;}
.comment-link {display:none;}
.post img {display:none;}
.post blockquote {display:none;}
.post blockquote p {display:none;}
h2.date-header {display:none;}
.post-labels {display:none;}
.post-rating {display:none;}
</b:if>
</style>

4. 블로그 보기로 이동해서 잘 적용되었는지 확인한다.



 위 코드는 입맛에 맞게 커스터마이징 할 수 있는데, 예를 들어 font-size(글자 크기)를 "font-size:14px"로 font-weight(글자 두께)를 font-weight:bold로 변경한다면 글자 크기가 작아지고 두꺼워진다. 또 ".post h3 a, .post h3 a:visited, .post h3 strong{"안에 있는 color(색깔)을 color:#476600으로 변경한다면 이미 방문했던 링크는 짙은 초록색으로 표시될 것이다.

 태그(Lable)를 선택했을 때 관련된 태그의 포스트 제목만 목록으로 표시되게 하는 방법은 쉽게 찾을 수 있지만(태그를 선택하면 포스트 제목만 나오게 하기>>), 홈으로 이동했을 때 포스트들의 제목만 정렬하여 목록으로 표시하는 방법은 외국 사이트에서 정보를 얻어야만 했다. 국내에는 구글 블로그를 운영하는 사용자가 비교적 적기 때문인데 개인적으로 구글 블로그는 유연성이 높아 조금만 공부한다면 블로그형 홈페이지를 어렵지 않게 만들 수 있어 큰 장점이 있다고 생각된다.