스퀘어 스킨 애드센스 일치하는 콘텐츠 광고 넣는 위치
스킨별 애드센스 일치하는 콘텐츠 넣는 위치 포스팅 시리즈입니다. 티스토리에서 기본 제공하는 10개 스킨에 대해서 애드센스 일치하는 콘텐츠 광고 단위가 떴을 때 넣는 위치를 정리하는 내용입니다.
(구독자를 위한 포스팅을 하고 있는데 제 블로그가 구독하시는 분들의 '피드'에 안 뜨는 문제가 매우 심각하게 발생하는 듯 하네요.. 다음이 카카오하는 이 버그는 과연 고치기는 할까요?)
알아두어야 할 사항
- 모든 스킨 편집 내용은 '기본'값입니다. 즉, 스킨변경에서 적용 버튼 누른 순정 상태 기준입니다. 수동으로 HTML편집에서 몇 줄 넣었으면, 제 글에서 언급하는 위치에서 조금 뒤에서 찾으시면 됩니다.
- HTML 편집 모드에서 검색을 하려면 편집창을 한 번 클릭 후 CTRL+F 를 눌러야 합니다. 위와 같이 노란색으로 창이 떠야 제대로 찾을 수 있습니다.
- 편집하기 전 실수를 방지 하기 위해서 미리 HTML 페이지 전체를 메모장에 복사해 두면 좋습니다.
▶ 관련글: 티스토리 스킨편집 할 때 꼭 해 두면 좋은 팁 (ft. 메모장)
스퀘어(Square) 스킨
스퀘어 스킨은 다른 디자인 요소 거의 없이 텍스트로만 구성된 매우 클래식한 스킨입니다. 심플해 보이는 것 같으면서도 깔끔한 인상은 조금 부족한 것 같기도 합니다. 하지만 시선을 콘텐츠에 집중시키기 좋아 보이고 PC기준으로 왼편에는 카테고리를 군더더기 없이 깔끔하게 보여줄 수 있는 점은 괜찮아 보이네요
티스토리 스킨 선택 화면의 대표 사진을 고른 분이 고양이를 좋아하긴 하셨나 봅니다. 위의 고양이는 티스토리 스킨 변경 페이지에서 바로 보이는 것입니다. 가끔 보이는 고양이 '글'은 제가 팁을 작성하기 위해 넣은 그림일 뿐입니다.
PC화면 모습
PC에서 보이는 화면입니다. 기본 설정은 '목록 + 내용'이 6개씩 나오게 되어 있습니다. 즉, 아무것도 설정을 바꾸지 않으면 블로그에 접속하면 위쪽에는 최근 글 6개, 아래로는 해당되는 6개의 글이 쭉 나오게 되어 있습니다. (방문자 카운터가 어떻게 올라가는지 궁금하네요)
처음 접속했을 때의 모습입니다. 왼쪽에는 카테고리가 표시가 될 것이고, 그 외 태그나 방명록은 메뉴에서 등록해 놓은것 그대로 나오는 것 같습니다.
본문의 모습입니다. 기본 설정 폰트는 조금 작습니다. (PC기준) 가로폭은 고정이 아니고 반응형으로 커지기도 하고 작아지기도 합니다. 최대 950 픽셀까지도 넓어지네요. 사진 콘텐츠를 넣을 때 가로 픽셀을 크게 해 두면 충분히 사진을 크게 나오게도 할 수 있겠네요.
별도의 커버 목록은 없습니다. 이 스킨은 티스토리 자체 제작 스킨은 아니었네요. 별도의 제작자가 있었는데, 지금은 티스토리 스킨 제작은 안하는 것 같습니다.
모바일 모습
모바일에서도 기본 설정 안 바꾸면 블로그 접속하면 최근 글 제목 (텍스트로)과 아래로 본문이 쭉 보여지게 됩니다.
별다른 그래픽 효과가 전혀 없습니다. 심플 그 자체입니다.
좌측 하단에 있는 메뉴 버튼을 눌러서 카테고리 등을 비롯한 사이드바를 띄울 수 있습니다.
본문 보기로 들어가면 제목 위에 빈 공간이 너무 허전하지만, 심플하게 제목과 그 아래 본문으로 바로 이어집니다. 특이하게 '작성자 명'이 전혀 나오지 않습니다. 나의 존재를 숨기고 싶을 때 선택하면 괜찮을 스킨입니다. 다른 스킨은 약간의 HTML편집을 거쳐야 숨길 수 있습니다.
모든 것이 심플하다가 본문 하단의 최근 포스팅 리스트는 다른 것보다 화려하네요. 이미지가 있으면 이미지와 함께 제목이 표시가 되는 형태로 본문 하단에 붙습니다.
애드센스 일치하는 콘텐츠 코드 넣는 위치
심플한 스킨답게 애드센스 코드 위치 찾는 것도 매우 심플합니다.
197번 행에 나오는 article_rep_desc 치환자가 딱 하나 있습니다. 다른 스킨처럼 2개 중에 하나 골라서 해야 할 필요가 없어서 고민 없이 198행에 새로 한 줄 추가한 후 코드를 넣으면 됩니다.
요약
- 클래식해 보이는 매우 심플한 스킨
- 디자인적 요소가 거의 없어서 본문에 집중하기 좋음
- 애드센스 일치하는 콘텐츠 넣는 위치는 한 군데 밖에 없음
[다른 스킨 글 보기]
- #2 스킨 애드센스 일치하는 콘텐츠 광고 넣는 위치
- 포트폴리오 스킨 애드센스 일치하는 콘텐츠 광고 넣는 위치
- 레터 스킨 애드센스 일치하는 콘텐츠 광고 넣는 위치
- 포스터 스킨 애드센스 일치하는 콘텐츠 광고 넣는 위치
- 북클럽 스킨 애드센스 일치하는 콘텐츠 넣는 위치
- 티스토리 스킨별 애드센스 코드 넣는 위치 - 오디세이 스킨
- 광고 넣는 위치#1 스킨 애드센스 일치하는 콘텐츠 광고 넣는 위치
- 왓에버 스킨 애드센스 일치하는 콘텐츠 광고 넣는 위치
'M > 티스토리 팁' 카테고리의 다른 글
티스토리 블로그 메뉴바와 구독버튼 설정하기 (42) | 2021.09.06 |
---|---|
티스토리 스킨 관련 팁 모아 보기 (54) | 2021.09.03 |
매거진 스킨 애드센스 일치하는 콘텐츠 광고 넣는 위치 (28) | 2021.09.02 |
#2 스킨 애드센스 일치하는 콘텐츠 광고 넣는 위치 (55) | 2021.08.31 |
포트폴리오 스킨 애드센스 일치하는 콘텐츠 광고 넣는 위치 (46) | 2021.08.30 |
레터 스킨 애드센스 일치하는 콘텐츠 광고 넣는 위치 (27) | 2021.08.29 |
포스터 스킨 애드센스 일치하는 콘텐츠 광고 넣는 위치 (11) | 2021.08.28 |
댓글