구글 블로그 (블로거) 사이드바 글보관함 목록 개수 설정 방법
현재 본 구글 블로거(Blogger)에는 1세대 반응형 기본 스킨을 개조한 친효스킨을 사용 중입니다. 안타깝게도 사이드바의 글보관함 개수를 조절하는 기능이 위젯에 없더라고요. 아쉽습니다. 따라서 이 부분은 수동으로 설정을 해줘야만 할 것 같습니다. 근데 글보관함이 어떤 것을 말하는 것이냐고요?
바로 이 부분
이겁니다. 이해 되시죠?
좀 더 구체적으로 설명드리겠습니다. 블로그 관리자에 있는 레이아웃으로 들어가서 사이드바 위젯 추가를 눌러보면 여러 모듈 중에서 블로그 보관함이라는 아이템이 있습니다.
블로그 보관함 위젯을 살펴보시면 여러 옵션들이 있는데 목록 개수를 설정하는 옵션은 보이지 않습니다. 물론 이 부분은 XML 문서에 대해 이해력이 높고 스크립트를 어느정도 자유자재로 구성할 줄 아시는 분이시리면 아마 쉽게 구현을 할 수 있을 것으로 생각합니다. 허나 저에게는 이런 능력이 없던 것입니다. 따라서 수동으로 설정을 할 수 밖에 없습니다.
해결 방법
아래의 CSS 코드를 복사합니다.
|
1
2
3
|
.BlogArchive li:nth-child(n+6) {
display: none !important;
}
|
cs |
복사한 코드를 자신의 스킨 CSS 영역에 붙여넣기 합니다. 참고로 선택자는 여러분들께서 적용중이신 스킨에 따라서 다르게 적용될 수 있습니다. 그러니 제대로 적용이 안 된다고 생각하시면 선택자를 변경해서 사용하세요. 저는 말씀드렸듯 기본 스킨을 변형해서 사용하고 있기에 위의 선택자는 1세대 기본 스킨을 기준으로 적용되었음을 말씀드립니다. 그러면 구체적인 설명을 한번 더 드리겠습니다.
자세한 설명 : nth-child(n+6)
이 가상선택자는 "~부터"라는 의미입니다. N 뒤에 붙는 숫자부터라는 뜻이죠. 즉 li 태그가 여러개가 있는 상황이고 n+6이라고 입력되어 있으니 li 태그의 6번째부터 display를 none 적용시키겠다는 뜻입니다. 즉 li 목록이 5개 까지만 출력이 되겠죠? 이해가 되셨으면 좋겠습니다. 간단히 요약하자면 출력하고자 목록 개수의 +1를 값으로 적용시켜주면 됩니다. 만약 10개의 목록으로 적용시키겠다면 n+11이 되는 것입니다.
적용 위치
구글 블로거 문서는 XML 타입입니다. 별도의 CSS 파일이 없어요. 한 문서안에 모두 마크업 되어있습니다. 보통 이런 경우에는 <head> 안쪽에 CSS 코드들이 들어있을겁니다. 구글 블로거의 경우에는 <b:skin> 이라는 태그 안에 <
댓글
댓글 쓰기
비밀글은 삭제합니다. 공개글로 남겨주시기 바랍니다.