blogger tricks edit

navbar 없애기


http://blogger-templates.blogspot.com/2005/01/remove-navbar.html

blogger는 기본적으로 navbar가 페이지 최상단에 있는데 상당히 거슬린다.

#navbar-iframe {
   display: none !important;
}

pre태그를 보기 좋게 바꾸기


워드프레스의 어떤 테마에서 가지고 왔다.

code, pre {
   font-family: "Courier New", Courier, Monaco, "Lucida Console", monospace;
   overflow: auto;
   background-color: #E7E7E7;
}
pre {
   -moz-border-radius: 5px;
   -khtml-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
}
pre {
   padding: 1em;
   line-height: 1.5em;
   border-width: 1px;
   border-style: solid;
   border-color: #ddd;
   margin: 0.5em 0;
}

특히 'overflow: auto;' 옵션은 필수다.

헤더 타이틀에 링크걸기


헤더 타이틀을 클릭하면 루트페이지로 이동하는 관습이 있는데 'blogger Old Template Created by: Jason Sutter'템플릿은 기본적으로 링크가 걸려있지 않다.

(!) 이 설정은 'blogger Old Template Created by: Jason Sutter'템플릿 종속적일 수 있음.

Design -> Edit HTML 에서 'Expand Widget Templates'를 체크하면 생략된 부분이 펼쳐친다:
...
    <!--No header image -->
    <div id='header-inner'>
      <div class='titlewrapper'>
        <h1 class='title'>
          <a href='/'><b:include name='title'/></a>
        </h1>
...

old template 쓰기


나는 심플한 옛날 템플릿들이 더 맘에 든다.

Design -> Edit HTML 에서 밑에 'Old Template' 항목에서 고를 수 있다.

h1, h2, h3, h4 태그를 wikimedia의 그것처럼 설정하기


(!) 이 설정은 'blogger Old Template Created by: Jason Sutter'템플릿 종속적일 수 있음.

div.post-body.entry-content h1,
div.post-body.entry-content h2,
div.post-body.entry-content h3,
div.post-body.entry-content h4 {
   color: black;
   background: none;
   font-weight: normal;
   margin: 0;
   padding: .5em 0 .17em 0;
   border-bottom: 1px solid #aaa;
}
div.post-body.entry-content h1 { font-size: x-large;}
div.post-body.entry-content h2 { font-size: large;}
div.post-body.entry-content h3 { font-size: normal;}
div.post-body.entry-content h4 { font-size: small;}

0 comments:

Post a Comment

Newer -> <- Older