2019. 10. 26.

구글 블로거 꾸미기 -1 스킨, 나눔고딕 폰트 적용

약 4년동안 나름 비주류인 구글 블로그를 하면서 많은 시행착오를 겪었었다. 지금도 고난(?)은 진행중이지만 나와 같은 시행착오를 겪고 있는 사람들에게 도움이 되었으면 하는 바램에 간단하게 나마 글을 작성한다.

1. 이미 만들어진 스킨을 이용하자.
구글 블로거는 HTML과 CSS 등을 기본적으로 요구하기 때문에 진입장벽이 타 블로그 보다는 높은 편이다. 그럼에도 불구하고 여러 스킨들을 제공하기 때문에 이를 적용하여 조금씩 수정해가면 나름 만족할 수준의 블로그를 만들 수 있을 것이다.

  • http://newbloggerthemes.com/
  • http://btemplates.com/

구글 블로그 스킨을 다루는 여러 사이트가 있지만 위 두 사이트를 추천한다. 다른 블로거들도 많이 이용하는 것 같다.

2. 폰트 적용은 어떻게?
스킨을 적용하니 블로그는 디자인은 바뀌었는데 폰트 적용부터 막막하다. HTML CSS 에 능숙하다면야 문제없겠지만, 능숙하지는 않다. 
결국 구글검색 후 블로그 관리페이지 > HTML편집 > .post-body 를 검색해서 폰트 수정했다. 그러나 전체 폰트를 조정할지 특정 문구의 폰트를 수정할지는 스킨에 따라 다르므로, 약간의 삽질이 필요할 것이다. 
  • http://smartbloggertips.blogspot.com/2013/08/change-font-size-of-blogger-posts.html
** blogger 에 나눔고딕 폰트 적용

- 테마 -> HTML편집 -> <head> 아래에 아래 코드 추가
<link rel='stylesheet'  href='http://fonts.googleapis.com/earlyaccess/nanumgothic.css'/> 
 - 그 후, 적용하려는 부분에 font-family: 'Nanum Gothic'; 을 추가한다
예시) body, h1, h2, h3, h4, a, div, input, p, span, td, label, select, textarea, iframe {
    font-family: 'Nanum Gothic';
}

3. "레이블이 blogger인 게시물을 표시합니다." 폰트 사이즈 변경 및 제거

아니 이건 뭔데 이런 촌스러운 모습을 하고 있는것인가. 
블로거에서 태그를 선택하면, 해당 태그를 갖고 있는 글들이 검색된다. 이때 위와 같은 메시지가 출력이 된다. 그러나 미관상 좋지 않기 때문에 제거하기로 했다. 

- 폰트 사이트 설정
관리페이지 > HTML 편집
.status-msg-wrap{  
font-size:24px;
}
- 보이지 않게 제거
.status-msg-wrap{  
display: none; 
}



Popular Posts

Recent Posts

Blog Archive

Powered by Blogger.