구글블로그 사용법: 글제목(포스트 타이틀) 색상을 일정하게 유지하는 방법
차례 : 블로그 대시보드 > 템플릿 > HTML편집 > 코드 추가
블로그의 글 제목은 목록페이지에서는 링크가 걸리기 때문에 링크 색상과 같게 된다.
글제목의 색상을 링크의 색상과 상관없이 일정하게 고정시키려면 아래의 코드를 추가하면 된다.
=> 블로그대시보드 > 템플릿(Template) >HTML편집(Edit HTML)을 눌러 HTML편집창을 연다
=> 아래의 그림과 같이, [컨트롤 + F ]키를 눌러 검색창을 열고
h3.post-title 을 복사하여 붙여 넣고 [엔터]키를 누른다. 그러면 포스트 타이틀 코드(h3.post-title)가 있는 위치로 이동되고 노랑색으로 표시된다.
=> 그림과 같이
아래의 코드를 복사하여 붙여 넣는다.
이 때 확인할 것은, 아래 그림에서 황토색으로 표시한 세 부분이 같아야 한다.
만약, 같지 않으면 황토색으로 표시한 것 가운데 제일 위(첫 번째)에 있는 것과 같게 수정을 한다.
HTML편집창 맨 위에 있는[저장 Save template]버튼을 눌러 저장을 한다.
블로그의 글 제목은 목록페이지에서는 링크가 걸리기 때문에 링크 색상과 같게 된다.
글제목의 색상을 링크의 색상과 상관없이 일정하게 고정시키려면 아래의 코드를 추가하면 된다.
=> 블로그대시보드 > 템플릿(Template) >HTML편집(Edit HTML)을 눌러 HTML편집창을 연다
=> 아래의 그림과 같이, [컨트롤 + F ]키를 눌러 검색창을 열고
h3.post-title 을 복사하여 붙여 넣고 [엔터]키를 누른다. 그러면 포스트 타이틀 코드(h3.post-title)가 있는 위치로 이동되고 노랑색으로 표시된다.
=> 그림과 같이
h3.post-title {..........
............................
............................
}
코드 바로 밑에............................
............................
}
아래의 코드를 복사하여 붙여 넣는다.
이 때 확인할 것은, 아래 그림에서 황토색으로 표시한 세 부분이 같아야 한다.
만약, 같지 않으면 황토색으로 표시한 것 가운데 제일 위(첫 번째)에 있는 것과 같게 수정을 한다.
h3.post-title a { color:$(post.title.color); }
h3.post-title a:hover { color:$(post.title.color); }
h3.post-title a:hover { color:$(post.title.color); }