Type Here to Get Search Results !

구글 블로그 소제목 꾸미기(ft.블로그 템플릿 설정)

이미 티스토리, 네이버 블로그에 익숙한 사람들에게 구글 블로그는 참 불편한 서비스임에 분명합니다. 다양한 편의 기능들이 없기 때문이죠. 그나마 워드프레스는 조금 수월하기는 합니다.

그럼에도 구글 블로그를 이용하려는 사람들이 국내에서도 꾸준히 늘고 있습니다. 저도 그렇구요. 불편하면 고치면 됩니다. 기존에 사용하던 티스토리 블로그와 같은 소제목 스타일을 구글 블로그에 사용하는 방법에 대해서 알아봅니다.

구글 블로그 소제목 설정

티스토리, 워드프레스에는 css를 편집할 수 있는 툴이 존재합니다. 구글 블로그에도 분명 이런 기능이 있습니다. 다만, css를 추가 혹은 편집한 결과를 보는 방법이 익숙하지 않기도 합니다.

티스토리에서 가장 많이 사용하게 되는 글 형식을 미리 불러오는 방법으로 '서식'을 이용하게 됩니다. 구글 블로그에도 티스토리 블로그의 '서식'과 비슷한 기능이 있습니다.

설정에서 찾을 수 있는데요. 바로 "글 템플릿"입니다.

  • 글 템플릿이란, 새 글을 작성할 때 미리 설정한 템플릿(서식)을 불러오게 됩니다. 이렇게 불러온 서식에 원하는 글을 작성하는 방법입니다.

글 템플릿 설정 방법

이제 본격적으로 구글 블로그의 글 템플릿 설정 방법을 알아보도록 합니다. 구글 블로그 '설정'에서 '글' 메뉴를 찾으면 됩니다.

  • 구글 블로그 설정 > 글 > 글 템플릿 지정
1. 구글 블로그 설정
구글 블로그에 접속하면 기본적으로 사용자 관리 페이지로 보여지게 됩니다. 처음에는 이 심플한 모습이 낯설기만 하죠.

왼쪽에는 다양한 기능들이 모여있는 사이드바가 존재합니다. 살펴보면 톱늬바퀴모양의 "설정" 기능을 확인할 수 있습니다.

2. 설정 페이지에서 '글' 영역 찾기
설정 메뉴를 선택하면 다양한 기능들이 주어지는 페이지를 볼 수 있습니다. 스크롤을 내리면 '글'이라는 영역을 찾을 수 있습니다.

하위 메뉴에는 "글 템플릿(선택사항)"이라고 적혀있는 부분을 찾을 수 있습니다. 해당 영역을 선택한 후, 원하는 템플릿을 작성할 수 있습니다.


- 위 사진을 참고하면 도움이 될 수 있습니다.

본 블로그에서 사용한 소제목 형식 다운로드

웹사이트 혹은 블로그마다 사용하는 소제목 스타일은 차이를 보입니다. 개인의 개성이 잘 드러나는 부분이기도 합니다.

개인적으로 깔끔한 것을 좋아하며, 본 블로그에 적용된 소제목 양식이 마음에 듭니다. 조금 아쉬운 부분도 있지만, 그런 부분은 앞으로 수정 및 보완하면 되는 것이죠.

위에서 알아본 '글 템플릿'설정에 적용하면 됩니다.


<p>서론입력</p>

<h2 id="001" style="clear: both; margin: 29px 0 22px; font-size: 1.5em; line-height: 1.5; color: #FFFFFF; background-color: #3C64BC; border-radius: 9px 0 9px 0; padding: 3px 0 3px 9px;">소제목1</h2>

<p>본론1입력</p>

<h2 id="001" style="clear: both; margin: 29px 0 22px; font-size: 1.5em; line-height: 1.5; color: #FFFFFF; background-color: #3C64BC; border-radius: 9px 0 9px 0; padding: 3px 0 3px 9px;">소제목2</h2>

<p>본론2입력</p>

<h2 id="001" style="clear: both; margin: 29px 0 22px; font-size: 1.5em; line-height: 1.5; color: #FFFFFF; background-color: #3C64BC; border-radius: 9px 0 9px 0; padding: 3px 0 3px 9px;">소제목3</h2>

<p>본론3입력</p>

<h2 id="001" style="clear: both; margin: 29px 0 22px; font-size: 1.5em; line-height: 1.5; color: #FFFFFF; background-color: #3C64BC; border-radius: 9px 0 9px 0; padding: 3px 0 3px 9px;">소제목4</h2>

<p>본론4입력</p>

<h2 id="001" style="clear: both; margin: 29px 0 22px; font-size: 1.5em; line-height: 1.5; color: #FFFFFF; background-color: #3C64BC; border-radius: 9px 0 9px 0; padding: 3px 0 3px 9px;">소제목5</h2>

<p>본론5입력</p>

 


위 코드는 본 블로그에 적용된 소제목 양식입니다. 참 단순하지만, 소제목 양식만 있습니다. 더 다양한 꾸미기는 CSS 소스 코드에서 수정할 수 있습니다.

Tags

댓글 쓰기

0 댓글
* Please Don't Spam Here. All the Comments are Reviewed by Admin.