블로그 목록으로 보기 설정

http://namu42.blogspot.com/2008/09/table-of-contents-type-for-blogger.html

나무사이 님께서 정리하신 위젯을 이리저리 만져보면서 주석도 좀 달아 보면서 테스트해 보겠습니다.

먼저 아래처럼 되어 있는 걸

<!-- posts -->
  <div class='blog-posts hfeed'>
    <b:include data='top' name='status-message'/>
<!--post add-->
  <data:adStart/>
    <b:loop values='data:posts' var='post'>
      <b:if cond='data:post.dateHeader'>
        <h2 class='date-header'><data:post.dateHeader/></h2>
      </b:if>
      <b:include data='post' name='post'/>
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <b:include data='post' name='comments'/>
      </b:if>
      <b:if cond='data:post.includeAd'>
      <data:adEnd/>
      <data:adCode/>
      <data:adStart/>
      </b:if>
    </b:loop>
  <data:adEnd/>
</div>
<!-- navigation -->

코드를 해석하고, 이리저리 설정을 바꿔 보죠.

<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<!--post add-->
<data:adStart/>
<!-- on a label page, add a header --> 
<!--b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;archive&quot;'>
<p>
<span style='color:#ff9900'><data:navMessage/></span>
</p>
</b:if>
</b:if>
</b:if-->
<!-- 지워야 하는 부분입니다. 지우지 않으면 메시지가 두번 나옵니다. 
<!-- Start loop for displaying posts here -->
<b:loop values='data:posts' var='post'>
<!-- Date-headers are only displayed if on main, item or archive page-->
<!-- If on label-page, then no date-header --> 
<b:if cond='data:blog.homepageUrl == data:blog.url'> 
<b:if cond='data:post.dateHeader'> 
<h2 class='date-header'><data:post.dateHeader/></h2> 
</b:if> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> 
<b:if cond='data:post.dateHeader'> 
<h2 class='date-header'><data:post.dateHeader/></h2> 
</b:if> 
<b:else/> 
<b:if cond='data:blog.pageType == &quot;archive&quot;'> 
<b:if cond='data:post.dateHeader'> 
<h2 class='date-header'><data:post.dateHeader/></h2> 
</b:if> 
</b:if> 
</b:if> 
</b:if> 
<!-- Here we start displaying the posts. --> 
<!-- If we are on a label page, only the posttitle is displayed --> 
<!-- On other pages the entire post is displayed --> 
<b:if cond='data:blog.homepageUrl != data:blog.url'> 
<b:if cond='data:blog.pageType != &quot;item&quot;'> 
<b:if cond='data:blog.pageType != &quot;archive&quot;'>  
<div style='margin-bottom:-15px; margin-left:40px; width:90%;'>
<!-- 보여주는 테이블의 전체 윤곽 부분입니다. 블로그 설정에 따라 조절을 해 주면 됩니다 --> 
<table style='border-bottom: #e5e5e5 1px solid;'> 
<tr> 
<td style='color:gray; align:center;' width='250px'>
<!-- 날짜 부분 입니다 --> 
<data:post.dateHeader/> 
</td> 
<td style='' width='650px'>
<!-- 포스트 제목 부분입니다 --> 
<a expr:href='data:post.url'><data:post.title/></a> 
<span style='color:#ff9900'> 
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.allowComments'> 
<b:if cond='data:post.numComments == 0'>
<b:else/>(<data:post.numComments/>) 
</b:if> 
</b:if> 
</b:if> 
</span> 
</td> 
<!--<td style='text-align:right' width='300px'>
<!-- 라벨을 보여주는 부분입니다 여기서부터 --> 
<span class='post-labels'> 
<b:if cond='data:post.labels'> 
<b:loop values='data:post.labels' var='label'> 
<a expr:href='data:label.url' rel='tag' title=''>
<data:label.name/></a> 
<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if> 
</b:loop> 
</b:if> 
</span> 
</td>-->
<!-- 여기까지 이고 보여주고 싶다면 <!--와 -->로 된 부분을 지우면 됩니다--> 
</tr> 
</table><br/> 
</div>  
<b:else/> 
<b:include data='post' name='post'/> 
</b:if> 
<b:else/> 
<b:include data='post' name='post'/> 
</b:if> 
<b:else/> 
<b:include data='post' name='post'/> 
</b:if> 
<!-- If on item page display comments --> 
<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<b:if cond='data:post.allowComments'> 
<b:include data='post' name='comments'/> 
</b:if> 
</b:if>
<b:if cond='data:post.includeAd'>
<!-- 여기서부터 광고를 보여주는부분입니다. 게시물 사이에 광고 넣는 기능을 넣었다면 목록사이사이로 광고가 나옵니다. 일단 시도해 보시면 목록 보기 설정을 안하게 될 수도 있을 겁니다 -->
<data:adEnd/>
<data:adCode/>
<data:adStart/>
</b:if>
</b:loop>
<data:adEnd/>
</div>
<!-- navigation -->

그렇게 많이 바꾼 건 없습니다.
테이블 크기와 위치를 조금 조정하고, 광고가 있는 부분을 되살려 놨습니다.
문제는 광고-구글센스 부분인데, 광고를 넣고 목록보기를 하면 목록 하나하나 사이에 광고가 나오는 불상사가 발생합니다.

목록 사이마다 광고가 나온 화면

따라서 광고를 꼭 중간에 넣어야 한다면, 목록보기는 포기를 해야겠지요.
아니면 제가 시도하지 못한 방법을 찾아내신다면 또 좋은 결과가 있으리라 봅니다.

각자 좋은 방법이 있다면, 잘 찾아보시길 바랍니다.