블로그의 기본! 기초적인 Layout 설정, 가젯추가, 템플릿추가

이 방법들을 알아내는데로 삽질 좀 했다.

구글 블로그 사용법에 관해서는 한글로 정리된 사이트 찼기 정말 힘들었다.

이번에 구글이 Textcube와 Blogger서비스를 합병한다고 한다. 한국인 이용자가 많이 좀 왔으면 한다. 

여기는 진짜 망망대해에 홀로 표류하고 있는 기분이다.

아 내가 왜 여길 덜컥 선택했는지...

어째건 수많은 시행착오를 거치면서(...) 알아낸것들이니 정리나 해놔야겠다.

Layout 설정

Layout은 기본으로 여러가지 형식을 제공한다. 추가할 가젯들을 고려해서 샘플중에 고르면 되겠다.

이 샘플로 제공된 Layout이 맘에 들지 않으면 직접 수정하면 된다. 간단하게 글꼴 변경과 양쪽 정렬하기 방법만 적어보겠다. 

일단 여기로 이동해서 코드를 얻어야 한다. 

위 코드를 전체 복사후 다른 에디터에 붙어넣기 후 편집하는게 좋다. 편집기는 에디트플러스3을 사용했다.

맑은 고딕 추가 하기

구글 Dodc에서도 그렇고 블로그 글쓰기 에디터에서도 맑은 고딕을 기본 지원하지 않는다. 맑은 고딕 글꼴을 추가해 보면 

/* Variable definitions 항목 아래 font가 들어 있는 곳에 전부 맑은 고딕을 추가 시켜주면 된다.

검색으로 arial를 찼아서 확인해본후, 바꾸기로 맑은 고딕을 넣어주면 되겠다.

수정후 문서를 다시 붙여 넣고 미리보기로 테스트 해보고 이상이 없으면 스킨 저장을 하면 된다.

양쪽정렬로 깔끔하기 정리하기

블로그에 기본제공하는 에디터에는 양쪽정렬 메뉴가 있는데 구글Docs에서는 이 기능이 없다.

현재 사용 하고 있는 스킨에서는 여기에다가 추가하면 된다.

body 항목에

 text-align: justify;  

를 추가하면 된다.

스타일 시트는 사용 가능한 것인가?

스타일 시트를 이용해서 간편하게 서식을 변경하는 법이 여기서는 없는 건가 모르겠다.

한글 사이트에서는 적용 방법을 발견 못했다. 블로그 꾸미는 글들은 죄다 다른 블로그 서비스에 관한 이야기뿐...

위 방법도 제대로 한건지 모르겠다. 어쩌다가 우연히 맞아 떨어진건지...

스킨 태그를 봐도 무슨 말인지 모르니;;
HTML에 관한 지식은 그냥 이름만 아는 수준이라 코드해석하는게 힘들다. 그래서 스킨을 직접수정하는 것은 일단 보류다. 한가해지면 지금 쓰는 스킨 연구나 해봐야겠다. 아니 전반적으로 HTML기초부터 다시 봐야할꺼 같다. 

젝일~~~~~~~~~~~~~~!

스킨 재설정 할때는 백업이 필수다.

시험삼아 다른 스킨으로 교체한 순간~!

• 게시물중에 그리기로 삽입한거 깨짐 
• 폰트 설정 없어짐
• 양쪽정렬 안됨

위 3가지 현상이 발견됐다.

디자인 페이지구성요소에서 가젯추가

처음 블로그 만들고 내용을 채워넣어야 되는데 그 방법을 몰랐다. 그래서 한참 엉뚱한 곳에서 검색하다가 블로그 설정에서 발견했다. 그 때의 허탈함이란... OTL 이래서 초보때는 힘든거다.

설치방법은 무지 간단하다 그냥 항목에서 클릭만하면 Layout에 그냥 추가된다. 

위치 이동은 마우스로 끌면 되는거고...

구글에서 제공하는 것 외에 직접 스크립트를 가져오는 것도 있는 거 같은데 이건 나중에 연구~

템플릿 디자이너 설정하기 

인터넷을 돌아다녀보니 깔끔하고, 화려하게, 또 한 이쁘게 잘 꾸며놓은 블로그가 참 많았다. 지금의 내 실력으로는 그렇게 꾸미는 건 무리니 그냥 기본으로 제공되는 템플릿으로 때우는게 상책이다.

이 항목에서 가능한 것은

• 템플릿 변경
• 배경화면과 색깔 테마 변경
•  Layout 구성변경 (가젯 추가 불가)
  
• 제공되는 템플릿의 설정변경(색, 폰트, 크기)

여기 고급항목의 맨아래 CSS추가가 있다. 여기서도  Layout 설정변경하는 것처럼 블로그 외관을 변경시킬수 있을꺼 같다. 그러나 이건 또한 시간 관계상 나중에 연구~

이전 템플릿이란 항목이 있다. (위에 Layout 설정란 참조) 여기서 레이아웃을 선택하면 템플릿 디자이너의 기능이 제한적으로 사용되니 잘 생각해보고 적용여부를 결정해야한다. 

2010. 06.14 최초 작성완료