티스토리 블로그 상단 메뉴 고정 방법.

안녕하세요. 일상에서 얻는 정보를 모두 기억할 수 없기 때문에 일상에서 일어나는 에피소드들의 정보들을 기록하여 기억하고자 하는 시점에 기록된 정보를 활용할 수 있도록 글을 쓰고자 하는 이작가입니다.

저 역시 지나간 모든 과거의 경험들을 전부 기억할 수 없기 때문에 경험을 통해 얻은 지식과 정보를 기록함으로써 필요한 시점에 과거의 경험의 정보를 활용해 보기 위해 이 글을 작성합니다.

기록된 정보들이 많은 분들에게 도움이 될 수 있도록 전달될 수 있길 바라겠습니다.

---

목차

 

티스토리 블로그에서 체류시간과  이탈률이 얼마나 중요한지에 대해서는 한번 확인해 본바 있습니다.

방문자의 체류시간이 높다는것은 작성자의 글의 한 페이지에 오래 머물거나 작성자의 블로그내 작성된 많은 페이지들을 둘러보거나 하는 등으로 인하여 체류시간을 증가시키고, 이탈률을 감소실 수 있다고 할 수 있습니다.

이러한 체류시간의 증가, 이탈률의 감소는 1명의 방문자로 하여금 자신의 글, 또는 블로그내에서 송출되는 광고를 더 많이 보여줄 수 있기 때문에 광고 수익이 증가할 수 있는 기회를 더 늘릴 수 있다고 하겠습니다.

 

이러한 체류시간의 증가와 이탈률을 감소시키기 위한 방법으로 사이드바 고정으로 인하여 카테고리를 고정시켜 보여주거나 상단 메뉴를 고정시켜 1명의 방문자로 하여금 자신이 작성한 블로그내의 글을 조금 더 둘러볼 수 있게 할 수 있다고 할 수 있습니다.

 

사이드바 고정하는 방법에 대해서는 앞서 작성한 글을 참고해 주시면 되겠고, 이번 글에서는 상단 메뉴를 고정시킴으로써 이탈률을 줄여 애드센스 수익 상승에 기여하기 위한 노력의 일환으로 기록해 보도록 하겠습니다.

---

1. 티스토리 블로그 북클럽 스킨 상단 메뉴 고정 방법.

티스토리 블로그의 상단 메뉴를 고정시키는 방법으로 북클럽 스킨을 기준으로 기록하도록 하고, 수정 방법은 "스킨편집 - HTML편집 - CSS"에서 #header, #aside, #dimmed 3가지 키워드에 기본적으로 작성된 코드를 수정하는것으로 상단 메뉴를 고정 시킬 수 있습니다.

 

① #header 수정.

"스킨편집 - HTML편집 - CSS"로 이동하여 CSS코드창 118번째줄에서 시작되는 기본 코드 #header { border-bottom: 1px solid #eee; }를 #header { z-index:1010; background-color:#fff; box-sizing:border-box; position:sticky; position:-webkit-sticky; top:0; } 코드로 변경해 주는것으로 스크롤바를 내려도 메뉴바를 항상 상단에 따라올 수 있도록 고정 시킬 수 있습니다.

 

② #aside 수정.

①에서 수정한 #header부분의 수정한 코드를 수정하게 되면서 스마트폰에서 사이드바탭을 열게 되면 사이드바가 헤더 밑에 깔리는 문제가 발생하기 때문에 CSS코드창 2484번째줄에 위치한 코드중 z-index: 400px부분의 400px부분을 1030px로 수정해 주는것으로 스마트폰에서 사이드바를 열었을때 사이드바가 상단 메뉴 위로 올라오도록 수정 할 수 있습니다.

 

③ #dimmed 수정.

마지막으로 CSS코드창 2126번째줄의 #dimmed로 작성된 코드중 2130번째줄 z-index: 300부분을 1020으로 수정함으로써 상단 메뉴를 고정하는 마지막 수정 방법이라고 할 수 있습니다.

---

언제나 애드센스 수익을 향상시키기 위한 방법으로 기술적인 부분이 많이 존재한다고 할 수 있지만 많은 티스토리 블로그를 운영하는분들이 HTML에 어려움과 두려움을 갖는 분들도 있을 수 있지만, 분면 애드센스 수익을 올리며 운영해 오고 있기 때문에 기술적으로 애드센스 수익을 향상하는 부분보다는 기본적으로 품질이 우수한 글을 꾸준히 작성하고, 단기적인 방문자를 유입시키기 위한 사회적 이슈등의 글 보다는 장기적으로 방문자를 유입시킬 수 있는 글을 작성해야 하는데 이러한 장기적인 방문자를 유입시키기 위한 글에는 필자가 생각하는 부분으로 가장 좋은것으로는 자신이 경험한 노하우, 지식과 관련한 글을 꾸준히 작성하는것이 도움이 될것이라고 생각됩니다.