|
|
Blogger 중심 HTML Template 모양
블로그 스킨에서 HTML 템플릿은 단순한 스킨으로 웹페이지를 표현하는것 외에 조직적이고 합리적인 구성이 필요하며 이때 각종 대형 서치 보트들에게 안내하는 최소한의 규격을 갖추는것도 필요하다.
아래에 구글 blogger의 HTML 스크립트를 에디팅할수 있는 사람들이 최소한 알아야 하는 정의되어 있는 크래식 태그를 보여준다.
구글 블로거에 의한 내용이지만 대부분의 현대 블로그들은 동일한 방법으로 클래식 태그가 구성되었음을 볼수 있다.
Blogger 태그들은 HTML과 비슷하지만.
Blogger 태그와 HTML의 dirrksdml 차이는 대소문자 구분 여부에 있다.
참고(아래는 구글 Blogger 에 관한 내용이지만 눈여겨 볼만하다.
Blogger 태그, 정의됨:<$BlogSiteFeedLink$> - 사이트 피드의 URL을 <link> tag:<link rel="service.feed" type="application/atom+xml" title="Your Blog's Title" href="http://yourblog.blogspot.com/atom.xml" />
내에 출력.
<$BlogEncoding$> - 서식 인코딩 을 콘텐츠 유형 선언에 삽입.
구체적 코드:<meta http-equiv="Content-Type" content="text/html; charset=<$BlogEncoding$>" />
<BlogSiteFeed><$BlogSiteFeedUrl$></BlogSiteFeed> - 사용자 블로그에 대한 RSS 피드를 지원하는 어그리게이터가 자동으로 발견할 수 있도록 합.
예:<BlogSiteFeed><link rel="alternate" type="application/rss+xml" title="RSS" href="<$BlogSiteFeedUrl$>" />
</BlogSiteFeed>
<$BlogMetaData$> - inserts all blog metadata via one tag. here's sample output:
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="MSSmartTagsPreventParsing" content="true" />
<meta name="generator" content="Blogger" />
<link rel="service.feed" type="application/atom+xml" title="DanoTestMule" href="http://testmule.blogspot.com/atom.xml" />
<link rel="service.post" type="application/atom+xml" title="DanoTestMule" href="http://www.blogger.com/atom/6602135" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.blogger.com/rsd.pyra?blogID=6602135" />
<meta name="ROBOTS" content="NOINDEX,NOFOLLOW" />
(이 마지막 태그는 블로그가 unlisted로 설정되어 있는 경우에 나타납.)
<$BlogPageTitle$> - 게시된 블로그 페이지에 스마트 제목을 부여합니다(색인 페이지에는 'Blog Name', 아카이브 페이지에는 'Blog Name: Date Info', 게재 페이지에는 'Blog Name: Post Title'). 이 태그는 템플릿의 <head>의 <title>과 </title> 사이에서만 사용해야 합.
<$BlogTitle$> - 블로그의 제목.
<$BlogDescription$> - 블로그의 설명.
<Blogger> & </Blogger> - 블로그 콘텐츠를 위한 주 '컨테이너 태그'입니다. 다음에 나열되는 대부분의 태그는 이 태그 안(사이)에 있어야 제대로 작동할 수 있습니다.
<BlogDateHeader>
<$BlogDateHeaderDate$>
</BlogDateHeader> - 이 태그는 각 게시물에 대한 날짜 헤더를 설정함.
<BlogItemTitle>
<BlogItemURL>
<a href="<$BlogItemURL$>">
</BlogItemURL>
<$BlogItemTitle$></a>
</BlogItemTitle> - 각 게시물의 제목을 해당 게시물 각각의 external URLs과 링크된 상태로 출력.
Title과의 연결을 해제 하거나 유지 .
<$BlogItemBody$> - 게시물의 콘텐츠.
<$BlogItemAuthor$> - 성과 이름을 포함한 게시물의 작성자.
<$BlogItemAuthorNickname$> - 게시물 작성자의 표시 이름.
<$BlogItemAuthorEmail$> - 게시물 작성자의 이메일 주소.
<$BlogItemAuthorURL$> - 게시물 작성자의 홈 페이지 URL.
<$BlogItemDateTime$> - 게시물의 날짜 및/또는 시간.
<$BlogItemNumber$> - 게시물의 고유한 ID 번호.
<$BlogItemArchiveFileName$> - 게시물의 아카이브 파일 이름.
<$BlogItemPermalinkURL$> - 게시물의 permalink.
<$BlogItemControl$> - 게시물의 빠른 수정 링크.
<BlogDateFooter>
</BlogDateFooter> - 각 게시물에 대한 날짜 푸터.
<BloggerArchives><a href='<$BlogArchiveURL$>'><$BlogArchiveName$></a>
</BloggerArchives>
조건부 태그.
<MainPage></MainPage>
<ArchivePage></ArchivePage>
<ItemPage></ItemPage>
<MainOrArchivePage></MainOrArchivePage>
이전 게시물 코드.
<BloggerPreviousItems>
<a href="<$BlogItemPermalinkURL$>">
<$BlogPreviousItemTitle$>
</a><br />
</BloggerPreviousItems>
코멘트 코드.
<BlogItemCommentsEnabled>
<$BlogItemCommentCount$>
<$BlogItemCommentCreate$>
<$BlogItemCommentFormOnClick$>
<BlogItemComments>
<a name="<$BlogCommentNumber$>"></a>
<$BlogCommentBody$>
<$BlogCommentPermalinkURL$>
<$BlogCommentAuthor$>
<$BlogCommentDateTime$>
<$BlogCommentDeleteIcon$>
<$BlogItemCreate$>
</BlogItemComments>
</BlogItemCommentsEnabled>
프로필 코드.
<$BlogOwnerNickname$><$BlogOwnerFirstName$><$BlogOwnerLastName$><$BlogOwnerFullName$>
<$BlogOwnerEmail$><$BlogOwnerLocation$><$BlogOwnerAboutMe$><$BlogOwnerPhotoUrl$><$BlogOwnerProfileUrl$>
|
|
'컴퓨터/인터넷/네트웍/IT' 카테고리의 다른 글
| 빠른 크롬브라우저가 왜 응답이 없는가 (11) | 2011.04.11 |
|---|---|
| 티스토리 초대장 (33) | 2011.03.20 |
| IE 속도 개선 (0) | 2011.01.21 |
| 티스토리 초대장-2010년 마지막 (23) | 2010.12.22 |
| 블로거 Blogger RSS URL (0) | 2010.12.22 |
| 블로그-사이트 오프닝-로딩속도 (0) | 2010.12.21 |
| 텍스트큐브(Textcube) 블로거로(Blogger)이전시작 (0) | 2010.12.18 |
| SSH 프로그램 (2) | 2010.12.15 |
| 크롬플러스 ChromePlus (0) | 2010.12.09 |
| 모바일 티스토리 (2) | 2010.11.30 |