Blogger 게시물에 설정된 태그 표시하기

외부 템플릿을 적용하여 블로그를 꾸미다보면 원래 표시가 되어야 할 콘텐츠들이 생략되는 현상이 흔히 일어난다. 게시물에 설정된 태그를 표시하는 방법을 알아보자.

Source Code
우선 게시물은 <article>이라는 태그 안쪽에 위치 한다. 따라서 다음의 코드를 <article> 태그 안쪽 부분 원하는 곳에 붙여넣으면 태그 목록을 표시할 수 있다.

<b:if cond='data:post.labels'>
  <span class='label-info'>
    <i class='fa fa-tags'/>
    <b:loop values='data:post.labels' var='label'>
      <a expr:href='data:label.url' rel='tag'>
        <data:label.name/>
      </a>
      <b:if cond='data:label.isLast != &quot;true&quot;'>
      ,
      </b:if>
    </b:loop>
  </span>
</b:if>

위의 코드를 넣으면 다음과 같은 결과가 나올 것이다.

물론, css를 적용해서 아이콘의 색깔과 배경색 등을 변경해 놓은 모습이다. <i>태그와 <span> 태그에 style 속성을 부여해서 바꾸면 간편하다.