티스토리 블로그꾸미기 - 메뉴,사이드바,애드센스등

티스토리 블로그꾸미기 - 메뉴,사이드바,리스트,애드센스등

경주 왕릉 벌초하는 모습

티스토리에서 블로그를 시작하면서 스킨의 일부를 변경을 했습니다. 메뉴와 링크, 제목색등의 아주 작은 부분인데 묻는 분들이 많이 계시는군요! 사실 대부분의 내용들은 이미 블로그에 올려져 있는데 찾지를 못하는 것이죠! 글을 올린 본인조차도 자신의 글을 쉽사리 찾을 수가 없으니 방문하신 분이야 말하면 입만 아프죠!

검색기능을 이용하면 조금 쉽게 찾을 수는 있겠지만 블로그의 검색기능은 블로그만의 특성을 가지고 있지 않아 글이 많아지게 되면 검색이 쉽지 않습니다. 티스토리에 바라건데 태그로 검색하거나 제목으로 검색하는 등의 기능을 넣어 주시면 좋겠습니다. 검색을 하면 제목부터 본문까지 너무 폭 넓게 검색되어 원하는 내용을 찾기가 쉽지가 않거든요!

필자가 비앤아이 블로그의 기본 스킨에서 변경한 부분은 블로그 상단 메뉴, 사이드바의 제목 및 리스트, 사이드바 배너배치, 마이링크(자주가는곳), 본문의 링크컬러, 댓글창배경, 카테고리 리스트, 블로그 메인등이고 애드센스 배치에 대한 내용입니다.

그러면 Kay~의 블로그 꾸미기에 대해서 하나 하나 링크 또는 설명을 하도록 하겠습니다.

 

블로그 하단 전체 포스트 보기

[AD]    

 

비앤아이 블로그 하단에 보면 전체 포스트 보기라는 것이 있는데 이렇게 티스토리에서 블로그 메인이나 블로그 상.하단을 꾸미는 방법은 태터데스크를 이용하면 아주 편리합니다. 태터데스크를 이용하는 방법은 먼저 티스토리 관리자 페이지에서 "플러그인 설정-태터데스크 플러그인 설정"을 차례대로 선택한 후 "하단"을 선택해줍니다.
그런다음 티스토리 블로그 메인 꾸미기(http://chobo1.tistory.com/15) 를 참조하세요!

 

블로그 상단 메뉴 꾸미기

본 블로그 상단처럼 메뉴를 만들 수가 있습니다. 이 메뉴는 그림을 이용한것 같지만 그림을 이용한것이 아니고 CSS(Cascading Style Sheet)를 이용하여 구현 한것입니다. 그러므로 CSS를 잘 모르면 약간 어려움도 있을 수 있지만 쉽게 따라할 수 있을것입니다. 블로그 메뉴 만들기는  "블로그 메뉴 꾸미기(만들기)를 참조하세요!

 

사이드바 섹션별 제목 변경

우측 그림의 원으로 표시된 부분처럼 사이드바의 섹션별 영역의
제목이나 리스트의 색상이나 글자의 크기를 변경할 수 있습니다.

이 방법은 skin.html을 수정하는 방법으로 아주 쉽게 변경할 수가 있는데 여기서는 제목과 리스트의 글자색을 변경하는 방법에 대해서만
설명을 합니다. 

방법에 대해서는 이미 포스팅을 해놨으므로 참고하시기 바랍니다. 

- 티스토리 사이드바 제목 변경 CSS
- 티스토리 사이드바 리스트 글자색 변경

 

 

사이드바 자주가는곳 (my link)

포털의 블로그에는 이웃블로그라는 것이 있는데 티스토리에는 자주 가는 곳의 링크를 추가하는 기능이 있습니다.
그런데 링크가 많아지게 되면 길게 늘어져서 썩 보기기 좋지 않습니다. 그런 경우 왼쪽 그림처럼 간략하게 하면 보기도 좋고 많은 링크를 추가할 수 있으며 분류를 하여 관리를 할 수가 있습니다. 물론 약간의 귀차니즘을 동반합니다. 

방법은 티스토리 사이드바 링크를 깔끔하게(http://ccoma.tistory.com/420)를 참조하세요!

 

카테고리별 글리스트에 애드센스 삽입하기

카테고리 클릭시 리스트의 위 또는 아래에 애드센스나 애드클릭스등의 광고코드를 삽입하는 방법입니다. 이 방법을 이용하기 위해서는 글의 목록(list)만 나오도록 하는 것이 좋습니다.

카테고리 클릭시 표시하는 방법을 모르는 경우 http://chobo1.tistory.com/17 을 참조하시고~~
카테고리 글 리스트 아래에 광고 넣는 방법은 http://chobo1.tistory.com/31을 참조하시면 됩니다.

 

애드센스 광고 가로로 2개 배치

구글 애드센스 광고를 가로로 2개 배치하는 방법은 아주 쉽습니다. 같은 코드를 두번 붙여넣으면 되니까요!
그런데 스킨이나 로딩속도에 따라서 가로로 표시가 안되고 세로로 표시되는 문제가 있습니다. 이 방법은 애드센스를 가로로 2개 배치하거나 세로로 표시되는 문제를 해결하는 방법입니다.

방법. http://chobo1.tistory.com/45 에 확인하세요!

연관글.
  -  애드센스광고 세로로 표시되는 문제
  -  블로그 댓글창에 배경그림 넣기
  -  티스토리 사이드바에 배너 넣기
  -  블로그 제목, 이미지로 꾸미고 링크걸기
[AD]