블로그스팟(blogspot) 커스터마이징
블로그스팟(blogspot) 커스터마이징
블로그스팟(blogspot)으로 블로그를 운영하면서 조금씩 고친 주요 설정 수정 내역입니다. 일부는 블로그스팟의 설정 메뉴에서 지정이 가능하며, 일부는 테마의 HTML 소스를 고져야 합니다.
블로그스팟 내 설정으로 가능한 부분
블로그 스팟의 설정 메뉴에서 조정 가능한 부분입니다.
구글 애널리틱스
설정 > 기본 > Google 애널리틱스 측정 ID에 애널리틱스 측정 아이디를 넣으면 됩니다.
시간대
설정 > 서식 > 시간대에서 한국 표준시로 설정하면 됩니다.
날짜와 시간 관련 서식
블로그스팟의 날짜나 시간 관련 서식은 한국어에 적절하지 않습니다. 현재는 아래와 같이 설정해 두었습니다.
날짜 헤더 형식:2024-02-08타임스탬프 형식:2월 08, 2024댓글 타임스탬프 형식:2월 08, 2024 3:32 오후
한국어에 맞게 설정하기 위해서는 테마의 HTML 파일을 직접 수정해야 할 듯 합니다.
robots.txt
robots.txt의 기본 설정은 다음과 같습니다.
User-agent: Mediapartners-Google
Disallow:
User-agent: *
Disallow: /search
Allow: /
Sitemap: https://onuri2005.blogspot.com/sitemap.xml
Mediapartners-Google 봇에 대해 크롤링을 막아 두었습니다. 이 봇은 구글 애드센스와 관련이 있습니다. 큰 문제는 없을 수 있지만, 애드센스를 달고자 하는 분은 이 항목을 지우는게 나을 수 있습니다. (참고: What does User-agent: Mediapartners-Google mean?)
맞춤 robots.txt 사용 설정에서 User-agent: *부터 끝가지 넣어서 지정하면 됩니다.
테마 HTML을 수정하여야 하는 부분
아래는 블로그스팟의 기본 설정이 아닌 테마의 HTML 코드를 직접 수정해야 하는 경우입니다.
네이버 사이트 소유주 확인 코드
<head> 태그 아래에서 <meta> 태그를 찾아 그 위치에 넣으면 됩니다.
<head>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<!-- 커스텀: naver site verification -->
<meta content='<YOUR ID>' name='naver-site-verification'/>
<!-- 커스텀 -->
네이버 애널리틱스 코드
</body> 태그 위에 넣으면 됩니다.
<!-- 커스텀: 네이버 애널리틱스 -->
<!-- 네이버 애널리틱스 -->
<script src='//wcs.naver.net/wcslog.js' type='text/javascript'/>
<script type='text/javascript'>
if(!wcs_add) var wcs_add = {};
wcs_add['wa'] = '<YOUR ID>';
if(window.wcs) {
wcs_do();
}
</script>
<!-- 커스텀 -->
</body>
</html>
인용블록(blockquote) 폰트 지정
블로그스팟의 몇몇 테마는 인용블록의 폰트가 과도하게 큽니다. 또한 한글과 어울리지 않는 이탤릭으로 설정되어 있는 경우도 있습니다. 보다 간결한 형태로 표시하고자 하는 경우에는 폰트 설정을 바꾸어야 합니다.
인용블록의 폰트는 blockquote.font라는 이름으로 정의되어 있습니다.
<!-- 커스텀: blockquote.font -->
<Variable name="blockquote.font.ORIG" description="Blockquote font (ORIG)"
type="font"
default="$(robotoLightItalic15)" value="italic 300 15px Roboto, sans-serif"/>
<Variable name="blockquote.font" description="Blockquote font"
type="font"
default="$(roboto15)" value="15px Roboto, sans-serif"/>
<!-- 커스텀 -->
인용블록의 폰트 크기는 blockquote에 정의되어 있습니다. 폰트 크기를 medium으로, 왼쪽 정렬로 바꾸었습니다.
<!-- 커스텀: blockquote -->
blockquote_ORIG{
color:$(blockquote.color);
font:$(blockquote.font);
font-size:x-large;
text-align:center
}
blockquote{
color:$(blockquote.color);
font:$(blockquote.font);
font-size:medium;
text-align:left
}
<!-- 커스텀 -->
StackEdit 본문 하단 여백 조정
제 경우 StackEdit를 이용하여 마크다운 형식으로 글을 작성하여 블로그에 올립니다. StackEdit 탬블릿 중에 일부는 (제 경우 Styled HTML 사용) 글 하단 여백을 상당히 큽니다. 이를 줄여 주기 위해 .stackedit__html의 margin-bottom을 조정합니다.
.stackedit__html{margin-bottom:180px;margin-left:auto;margin-right:auto;padding-left:auto;padding-right:auto;max-width:750px}
댓글
댓글 쓰기