'블로그스킨'에 해당되는 글 2건

  1. 2010.12.22 블로그의 기본적인 템플릿 태그
  2. 2010.01.22 로딩속도와 대문 그림


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$>



Posted by 블로그에세이-BlogEssay Dramatique

댓글을 달아 주세요




블로그 스킨을 만지다가..

왕초보 스킨만지기-이틀동안 만지고 내블로그 스크립트 구조가 대충 이해가 된다.

티스토리스킨



블로그 스킨을 만지다가 이것 저것 시작하게 되면 자꾸 만지게 되고 나중에는 맘에 안들어 리셋도 시킨다.
괜히 건드리다가 시간만 잔뜩 날리고 별로 좋아진것도없이 되고 만다.
전문가도 아니고 서투른 솜씨로 1년에 한두번 해보는 스킨 만지기이니까 여간 해 봐야 맘에들게 되지도 않는다.

하는수 없이 찍어논 사진중에서 적당한 사진을 대문위에 올려서 간단히 처리하고 만다.
그런데 이게 문제가 더 심각해 진다.
보기좋은 고품질 사진을 올리는것 많큼 거의 비례해서 블로그 뜨는속도가 내려 앉는다.

아무리 근사하게 잘만든 집이면 머하노,
교통이 불편해서 아무도 안오게 되는데...

대문 그림은 시원하고 큼지막한 사진을 하나 올리고 싶지만 아예 블로그가 뜰생각을 안한다.
누가 5초씩이나 내 블로그 뜨길 기다려서 왕림하겠는가?...
이미지를 짜르고 모자이크도 하고 별 지랄을 해봐야 기본적으로 첨부터 만나는 이미지는 온라인 고속도로에서 정체를 유발하고 만다.

하는수 없이 텅빈 대문보다는 용량을 줄이고 줄여서 사진같은 냄새가 날뚱말뚱 하는지경까지 낮추고 그림도 3쪼가릴 내서 퍼즐로 맞추고 하여 로딩속도 겨우 2초대로 진입시켰다.

어휴 !!
괜히 스킨한번 건드려서 꼬박 이틀이 걸렸다.
이제 올 크리스마스 전후 해서 한번 건드릴 요량으로 스킨 만지기 끝이다...
멋모르고 건드려서 사이드바가 몽땅 리셋되고 등등 시행착오를 많이 격었다.

애물단지 애드센스를 첨부터 자동 위치 고정으로 스크립트 안한게 지금 후회되지만 어쩔수 없이 글쓸때 미리 만들어 놓은 틀에 에디터로 쓰는거 빼고는 그리 불편하지는 않다. 

 




Posted by 블로그에세이-BlogEssay Dramatique

댓글을 달아 주세요



티스토리 툴바