Blogger - 포스트 제목의 글자색을 바꾸어 보자

포스팅한 글의 제목을 수정해 보자. 제목 색이 마음에 들지 않는다. 좀 더 눈에 띄는 색으로 바꾸어 보자.

디자인 > 템플릿 을 선택하고 HTML편집 버튼을 클릭하면 템플릿의 HTML 코드를 수정할 수 있다.

<Group description="Post Title" selector="h3.post-title, .comments h4">
     <Variable name="post.title.font" description="Font" type="font"
         default="normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 30px &#39;Courier New&#39;, Courier, FreeMono, monospace"/>
<Variable name="post.title.color" description="Color" type="color" default="#FE6602" value="#2eb9ff"/>
<Variable name="post.title.hover.color" description="Hover Color" type="color" default="#FFD25F" value="#99d4ff"/>
   </Group>

을 찾아서 ... ctrl + f키로 찾으면 쉽다.

<Variable name="post.title.color" description="Color" type="color" default="#FE6602" value="#2eb9ff"/>
<Variable name="post.title.hover.color" description="Hover Color" type="color" default="#FFD25F" value="#99d4ff"/>

를 추가해 주자. 아래 와 같다.

그리고 다시

.post {
부분을 찾아서 그 아래 쪽에 위 그림와 같이

.post h3 a, .post h3 a:visited { color: $(post.title.color); }
.post h3 a:hover { color: $(post.title.hover.color); }

를 추가해 준다.  수정한 것을 저장하고 다시
레이아웃 > 템플릿 디자이너 > 고급 > 게시물 제목을 선택하면 전에는 없던 칼라 선택항목이 추가 되어 있다. 기본 칼라와 마우스가 오버 되었을때의 칼라를 칼라표를 보고 선택해 주면 된다.