#️⃣왜? 스킨을 변경하려고 했나? 티스토리를 처음 시작할 때 기본 스킨인 오디세이 스킨으로 시작했었다. 그 이유는 디자인이 깔끔했기 때문이다. 하지만 사용하다 보니 이런 기능, 저런 기능들을 추가하고 싶어졌다. 애드센스 광고도 넣고, TOC 자동 목자 기능, 프로그레스 바 기능, 사이드바 고정 등등.. 포스팅하지 않은 내용도 있지만 수정한 부분이 그래도 많이 있었다. 하지만 이런 기능을 계속 붙이다보니.. 어느 순간 내 블로그가 지저분한 느낌이 들었다. 그리고 또 한 가지 본래에도 광고 클릭률이 적긴 하지만 계속 떨어지고 있다는 점. 그리고 글의 노출도 점점 떨어지는 것 같아서 스킨을 변경해야겠다는 마음이 들었다. (사실 디자인이 제일 문제였다ㅠ) 변경하려고 이곳 저곳 검색하다 보니 스킨을 변경하면 안..
안녕하세요. 오늘은 티스토리 오디세이 스킨 progress bar 설정하는 방법에 대해 알아보려고 한다. 다른 분들의 티스토리를 돌아다니다 보면 스크롤을 내리면서 콘텐츠를 읽다 보면 익스플로러 상단에 상태바가 쭈욱 움직이는 게 보인다. 요건 과연 어떻게 구현하면 가능할까 라는 궁금점에 알아보게 되었고, 생각보다 간단하게 적용했다. 그럼 어떻게 하는지 알아보자. 1. 진행바(Progress bar)는 무엇일까? 우선 Progress bar란 아래와 같이 본문에서 스크롤을 아래로 내리거나 올릴 때 내가 이 글을 얼마나 읽었는지 표시해주는 기능이다. 만약 글을 끝까지 읽게 되면 bar가 전부 차게 되고, 중간 정도 읽었다면 절반 정도 차게 되어 해당 글을 어디까지 읽고 얼마나 남았는지 알 수 있다. 그럼 이 ..
안녕하세요. 오랜만에 글을 쓰는 것 같네요 ㅠ 그래도 글쓰는건 꾸준히 써야 하는데 쉽지가 않네요 ㅠ 그래도 노력.. 해볼게요! 아무튼 오늘은 티스토리 애드센스 멀티플렉스 광고 적용하는 방법에 대해 알아보려고 합니다. 맨 처음 애드센스 광고를 적용했을 때는 활성화되지 않았던 광고 영역인데요. 원래 일치하는 콘텐츠 광고 영역이 조건에 맞으면 활성화된다고 하던데 이제 멀티플렉스 광고로 바뀌었다고 합니다. 그래서 그런지 들어가 보니 활성화가 되어 있더군요. 그래서 적용해보도록 하겠습니다 아! 그리고 기존에 일치하는 콘텐츠 광고로 적용해두신 분들이라면 자동으로 멀티플렉스 광고로 전환되었다고 하니 따로 건드릴 건 없을 것 같습니다. 그럼 시작해볼까요? 1. 애드센스 멀티플렉스 광고 설정하기 애드센스 접속 후 > 광..
요즘 티스토리 블로그 꾸미기에 빠져서 이것저것 구글링 하고 있다. 시장조사(?)도 할겸 다른 분들은 어떻게 블로그를 관리하는지 알아보려고 이곳저곳 막 돌아다닌다. 몇 군데 돌아다니다 보니 본문 상단에 광고가 2개씩 노출되는 걸 볼 수 있었다. 난 하나만 나오는데 대체 2개씩 나오게 하려면 어떻게 해야 하는 걸까? 궁금해서 열심히 구글링 해보았다. 엄청 많은 결과들이 나왔지만 한개의 블로그를 참조하여 쉽게 해결할 수 있었다. 그럼 어떻게 해야 하는지 알아보자. ⭐애드센스 본문상단 광고 2개 적용방법 1. 코드 준비하기 ① 우선 아래와 코드를 준비해 줍니다. ② ★★★ / ♥♥♥ 부분은 애드센스 광고 생성시 부여되는 코드임으로 자신의 코드를 넣어주면 됩니다. 출처 : https://wonderbout.tis..
PC에서 티스토리 블로그에 글을 읽을 때 사이드바가 계속 따라다니는 걸 볼 수 있다. 대체 왜? 사이드바를 따라다니게 하는 걸까? 그 이유는 애드센스 광고를 사이드에 넣고 고정을 시키면 글을 읽을 때마다 따라다니며 노출이 되기 때문이지 않을까 한다. 그래서 나도 한번 해보고자 알아보게 되었다. 그래서 대체 어떻게 하는걸까? 일단 폭풍 구글링.. 검색을 잘 못한 건지 북클럽 스킨에 대해서는 정보가 엄청 많았는데 오디세이 스킨은 신규 스킨이라 그런지 정보가 많이 없었다. 이것저것 검색하다가 상단 고정하는 방법도 찾아봤지만 필요하지 않을 것 같아 적용하지 않았다. 그럼 아래 코드를 어디에 적용하면 사이드바가 고정되는지 알아보자. css 코드로 사이드바 고정하기 ▼ 코드를 적용하기 전엔 아래와 같이 사이드가 스..