블로거 인용구 스타일 설정하기

 블로그를 대학생때 처음 접했다. 컴퓨터공학을 전공하고 있었기에 티스토리 같은 서비스형 블로그를 하지 않고 설치형인 텍스트큐브(테터툴즈)를 이용해서 블로그를 하였다. 설치형은 커스트 마이징이 가능하다는 장점은 있지만, 서버를 운영해야한다는 부담이 있었다. 작은 서버를 가지고 있지만 안정적으로 블로그 서비스를 하기 위해서 서비스형 블로그로 블로그를 이전하였다. 여러가지를 고려하여 구글에서 운영하는 블로거 서비스로 블로그를 옮겼다.

 블로거의 최대 단점은 이쁘지 않다는 것이다. 구글의 다른 서비스가 그러하듯 블로거도 단순함을 넘어서 밋밋하기까지 하다. 특히 블로거의 기본 템플릿을 이용할 경우, 인용구(blockquote) 스타일이 존재하지 않는 것이 있다.

 블로거의 인용구 스타일을 설정해보자.
블로거 관리페이지 -> 템플릿 -> 맞춤설정 -> 고급  -> CSS추가
.post-body blockquote {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 50px;
  padding-left: 15px;
  border-left: 3px solid #ccc;
}
위 인용구 스타일을 적용한 페이지의 모습이다.
블로거 인용구 스타일
구글에 적응해서 그런지 단순한 스타일이 가장 무난하고 깔끔해 보인다.

댓글 쓰기