떠다니는 Q

다른 곳에서 찾아볼 수 없는 블로그스팟 관련 정보와 그 외 관심 있는 것을 올립니다.

블로그스팟 XML 템플릿 초기화하기

블로그스팟 XML 템플릿 초기화하기

블로그스팟 테마를 이리저리 건드리면 설정이 꼬여 버리는 경우가 많습니다. 이럴 때는 템플릿의 설정을 완전히 초기화해야 합니다. 이 글은 간단하게 블로그스팟 테마를 초기화하는 방법을 다룹니다.

목차

블로그스팟 테마 구조

우선 블로그스팟 기본 테마 구조를 이해해야 합니다. HTML과 비슷한 듯 하면서 조금씩 다릅니다. 초기화 코드부터 보겠습니다.

<html b:css='false' b:js='false'>
<head><b:skin></b:skin></head>
<body><b:section id='main' showaddelement='yes'/></body>
</html>

이렇게만 보면 HTML과 별 다를 바 없이 보이긴 합니다. 맨 위부터 코드를 살펴봅시다.

<와 >로 감싸진 부분을 태그라고 부릅니다. 빨간색으로 되어 있는 부분이 태그의 이름입니다. 이 코드는 html 태그로 시작합니다. html 태그 안에는 head 태그와 body 태그가 있습니다. body 태그 안에는 웹사이트의 내용이 들어갑니다.

html 태그 안의 b:css 속성과 b:js 속성은 블로그스팟이 기본적으로 제공하는 CSS나 자바스크립트를 사용할지 결정합니다. 지금은 모두 false로 되어 있으므로 모두 불러오지 않습니다.

head 태그 안에는 style 속성과 유사한 역할을 하는 b:skin 태그가 있습니다. 이곳에 CSS를 추가해 블로그를 꾸밀 수 있습니다.

body 태그 안에는 b:section 태그가 들어갑니다. HTML의 div 태그와 유사하게 문서의 구역을 나누어 주는 역할을 합니다. id를 정해 주는 것도 잊지 말아야 합니다. 생략하면 오류가 발생합니다. 그리고 닫는 태그를 생략하고 맨 끝에 슬래시만 붙여도 닫는 태그로 인식됩니다.

템플릿 초기화하기

이제 실제로 이 초기화 템플릿을 적용해 봅시다. 테마 탭 > 메뉴 > HTML 편집으로 들어갑니다.

블로그스팟 HTML 편집

이 템플릿을 붙여넣고 저장하면 아래와 같이 바뀌어 있습니다. 바뀐 부분을 하나하나 살펴봅시다.

<?xml version="1.0" encoding="UTF-8" ?>
<html b:css='false' b:js='false' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head><b:skin><![CDATA[]]></b:skin></head>
<body><b:section id='main' showaddelement='yes'/></body>
</html>

우선 맨 위에 xml 태그가 붙어 있습니다. xml 문서는 모두 이 태그로 시작합니다. version과 encoding도 표기되어 있습니다.

html 태그에는 여러 가지 속성들이 붙었는데, 사실 무시하셔도 됩니다.

마지막으로 b:skin 태그 안에는 CDATA라는 문자가 추가되었습니다. 이 안에 CSS 코드를 작성하면 됩니다.

이렇게 템플릿을 초기화한 후 다시 Contempo 같은 템플릿을 적용한다면 템플릿의 설정들이 모두 기본 설정으로 되돌아갑니다. 이것이 블로그스팟 초기화 템플릿, 기본 템플릿입니다.

내 사진

BINUBALL 작성

fx-570EX, fx-570ES PLUS 등의 계산기 관련 글들을 주로 올립니다. 블로그스팟으로 블로그를 운영하고 있습니다.

댓글 없음

아래의 댓글 입력을 클릭한 후 익명으로 댓글을 달아 주셔도 됩니다. 글 내용에 관한 질문도 환영합니다. 모든 댓글은 관리자의 승인을 받아야 보여집니다. 댓글을 달고 기다려 주세요.