Blogger
구글 블로거 테마(Google Blogger Theme) 코드를 작성하면서 알게된 태그(tag)등의 기능을 기록해 두었습니다.
기본적인 기능들은 블로거 고객센터 문서 에서 참고할 수 있습니다.
<b:class>
html 태그에 class 속성을 추가합니다.
cond 에 적절한 조건을 넣어줍니다. cond 는 사용하지 않아도 됩니다.
<button class='btn'>
<b:class cond='true' name='btn-blue'/>
Click
</button>button에 btn-blue class가 추가됩니다.
<b:attr>
html 태그에 attr 속성을 넣어줍니다.
cond 에 적절한 조건을 넣어줍니다. cond 는 사용하지 않아도 됩니다.
<a href='https://naver.com'>
<b:attr cond='true' name='target' value='_blank'/>
네이버
</a>a의 target이 _blank로 설정됩니다.
<b:tag>
cond 의 조건이 참일 경우 html 태그를 씌어줍니다.
<b:tag cond='true' name='button'>Click1</b:tag>
<b:tag cond='false' name='button'>Click2</b:tag>cond의 조건이 참인 Click1만 button이 되었습니다.
<b:loop var='word' values='{"Daum", "Naver", "Yahoo"}'>
<b:tag cond='data:word == "Naver"' name='a' href='https://naver.com'>
<data:word/></b:tag>
</b:loop>Naver에만 a 태그가 적용됩니다.
<b:comment>
코드를 주석처리 합니다.
<b:comment>
<button>Click</button>
</b:comment><b:with> & <b:eval>
b:with 와 b:eval 은 공식문서에 나옵니다. b:with 는 중첩해서 사용이 가능합니다.
<b:with var='list' value='{"apple", "melon", "banana"}'>
<b:with var='x' value='"melon"'>
"<data:x/>" in <b:eval expr='data:list'/> : <b:eval expr='data:x in data:list'/>
</b:with>
<br/>
<b:with var='x' value='"grape"'>
"<data:x/>" in <b:eval expr='data:list'/> : <b:eval expr='data:x in data:list'/>
</b:with>
</b:with>"grape" in ["apple","melon","banana"] : false