티스토리 처음도전기 ③ 티스토리 이용자 제작 스킨으로 변경해 보기 (*추가 : 카테고리 위치 변경)

이번에.. 스킨 선정에 시간을 다소 많이 빼앗겼는데요.

저의 티스토리 블러그에 적용한.. "이용자 제작 스킨" 적용과정을 올려 보도록 하겠습니다 ^^..

 

 

 

ㅁ 먼저, 기본스킨을 사용하지 않고, 이용자 제작스킨을 사용한 이유는??

    - 티스토리 기본스킨의 경우.. 스킨에 따라서 본문 글씨를 보기가 어려운 경우가 있더라구요.

      스킨이 마음에 들면 글씨 판독 및 가독도가 영~ 별로이고, 글씨가 잘 보이면 카테고리 미지원 및 스킨이 별로이고,,,

    - 여튼, 티스토리의 장점중의 하나는 이용자가 마음데로 스킨을 손댈 수 있는 부분인 듯 싶구요.

      무료로 제작해서 배포해 주니.. HTML 1도 모르는 하수는 그저 감사할 따름입니다 ^^.. 

 

 

 

 

 

1. 티스토리 기본스킨 변경하기

 

ㅁ 먼저, 저의 취향은?? "고정 카테고리"와 "글 내용"만 잘보이면~ 그닥 불만이 없습니다만..... 그러나,, ㅠㅠ

 

 

 

ㅁ "관리자"들어가서 -> "스킨변경"으로 들어갑니다.

 

 

 

ㅁ 원하는 스킨이 있으면.. 마우스 클릭 후 "미리보기" 및 "적용"을 클릭해 보면 됩니다.

▲ 티스토리 기본 스킨은?? 자동 적용되는 부분이라서.. 이정도에서 마치겠습니다.

 

 

 

 

 

 

 

 

 

 

2. 티스토리 홈 - 기본시킨 및 이용자 제작 스킨 찾아보기

 

 

* 티스토리홈에서 기본스킨 및 다양한 이용자 제작 스킨을 검색해 볼 수 있습니다.

 

 

① 티스토리 기본스킨!!

 

- 티스토리 홈 탑메뉴 - "티스토리 스킨" 항목을 클릭해 보시면 설명 및 바로 적용이 가능합니다. 

 

 

 

 

② 이용자 제작 스킨 

 

- 티스토리 홈 탑메뉴 - "이용자 제작 스킨" 항목을 클릭해 보시면.. 무료 스킨이 상당히 많습니다.

▲ 이용자 제작 스킨의 경우는?? 자동 적용이 되지 않고, 수동으로 적용해야 합니다. 

 

 

 

 

 

 

3. 이용자 제작 스킨 적용해 보기!! - 어포스트 반응형 3단 트리플 스킨

 

* 제가 열심 검색 후.. 적용한 "어포스트 반응형 3단 트리플 스킨" 적용 과정을 올려 봅니다.

  - 고정 카테고리 지원하고, 카페와 비슷한 형태의 보편적이고, 익숙한 스타일로 한번 골라 봤습니다. 

 

[링크] apost.kr/470?category=849258

▲ 아래 실습은?? 위 "스킨 설치안내"글을 천천히 따라서 해본 사항입니다. 
    [설치안내참조] apost.kr/27

 

 

 

 

1단계. 스킨 다운로드 및 압출풀기

 

 

 

2단계. 관리자 - "스킨편집"으로 들어갑니다.

 

 

 

3단계. 스킨편집 - "HTML편집"항목을 클릭합니다.

 

 

 

 

4단계. "HTML" 항목을 클릭 및 skin.html 소스를 복사합니다.

 

ㅁ 먼저, HTML 항목 클릭 후.. 이전 기본스킨 HTML 소스를 모두 삭제 합니다.

 

 

 

ㅁ 다운 받은 skin.html 파일을 메모장에 열어서 -> "HTML"항목 창에 "복사 & 붙여넣기"해 줍니다.

▲ (주의) 복사 후 "적용"은?? 누르지 말라는 군요!!

 

 

 

 

5단계. 이어서 "CSS" 항목을 클릭 후 style.css 소스를 복사합니다. 

 

ㅁ CSS 항목 클릭 후.. 이전 기본스킨 CSS 소스를 모두 삭제 합니다. 

 

 

 

ㅁ 마찬가지로, 다운 받은 style.css 파일을 메모장에 열어서 -> CSS항목 창에 "복사 & 붙여넣기"해 줍니다.

 

 

 

6단계. "HTML", "CSS" 소스 복사 후 "적용하기"를 클릭합니다.

▲ 왼쪽창에서 새로고침을 해도.. 아직은 아무것도 바뀌지 않는군요!!

 

 

 

 

7단계 : 마지막으로.. index.xml 및 기타파일을 업로드합니다.

 

ㅁ 아래 빨간 사각의 파일들을 업로드 해야 합니다.

 

 

ㅁ "파일업로드" 항목을 클릭 후.. "전체선택" 후  이전 기본스킨 파일들을 모두 "-삭제" 합니다.

 

 

ㅁ "+추가"를 클릭 후 index.xml 및 jpg파일들을 업로드 합니다. 

▲ 그랬더니.. 위 처럼 모래시계가 계속 돌면서 멈추질 않습니다.

    - 설치안내글 댓글을 보면.. 티스토리 버그이고, 모래시계가 계속 돌면 정상 업로드 된거라고 하는군요!!

 

 

 

ㅁ 그냥.. "스킨편집창"을 강제로 닫고, 다시 열어 보니.. 정상적으로 업로드 되어 있습니다. 

▲ 좌측 새로고침창을 보면.. 디자인이 변경된게 확인이 되네요 ^^..

 

 

 

ㅁ 마지막으로.. "+추가"를 클릭한 후 "image폴더"의 파일을 업로드해 줍니다.

▲ 폴더는 생성하지 않아도 된다고 하며, 파일을 업로드 하면 알아서 생성이 된다고 합니다. 끝!!

 

 

 

 

 

4. (추가) 최종 확인 및 카테고리 위치 변경하기!!

 

* 블러그에 진입해 봅니다... 정상적으로 잘 적용이  되었네요 ^^..

 

ㅁ 다만, 카테고리의 위치가 상단에 위치해서 사이드바쪽으로 변경을 해 보도록 하겠습니다.

 

 

 

ㅁ 관리자 - 스킨편집 - "레이아웃" 항목에서.. 카테고리 위치를 "사이드바"변경해 줍니다. 

▲ 이용자 제작 스킨을 적용한 후에.. 뭔가를 변경할 수 항목 들이 많아 졌습니다 ^^..

   - (빨간 화살표) 저는 컨텐츠영역 너비를 조정할 수 있는게 마음에 듭니다.

 

 

 

ㅁ 카테고리 위치를 "사이드바"로 설정 및 적용 후 화면입니다. 굿!!

▲ 저는 디폴드 위주로 사용하고, 이만하면 충분히 만족스러운 듯 합니다 ^^..

 

 

 

 

 

 

* Special Thanks 어포스트 & 녹차빙수님!!

HTML 1도 모르는 하수인데 성공했습니다. 그럼, 좋은 하루 되세요 ^^.. 

 

 

 

 

 

 

 

■■ 티스토리 처음 도전기 - 활용팁 목차 ■■

* 아래 목차 링크는?? 원본 작성처 티스토리 링크로 배포합니다. 조금씩 개선 되어가는 모습도 보실 수 있습니다.

① 티스토리 가입하기

    [Link] https://realitreviews.tistory.com/294

② 카테고리 구성하기

    [Link] https://realitreviews.tistory.com/295

③ 티스토리 스킨 변경 : 이용자 제작 스킨으로 변경해 보기 "어포스트 스킨으로 확정!!)

    [Link] https://realitreviews.tistory.com/296

④ 구글 서치콘솔 등록하기 (* Site Map 자동 제출 됨!!)

    [Link] https://realitreviews.tistory.com/297

⑤ 구글 서치콘솔 등록 후 색인 생성 확인해 보기..( 제외됨 항목.. 색인 생성 요청하기!!)

    [Link] https://realitreviews.tistory.com/298

⑥ 구글 애드센스 가입하기 및 내 사이트연결하기

    [Link] https://realitreviews.tistory.com/307

⑦ 구글 애드센스.. 승인거절 메일 도착 및 재신청합니다 ^^..

    [Link] https://realitreviews.tistory.com/313

⑧ 구글 애널리틱스

    a. 가입하기 및 사이트 등록하기

       [Link] https://realitreviews.tistory.com/323

    b. 내부 트래픽 필터링을 나의 접속 제외하기

       [Link] https://realitreviews.tistory.com/324

    c. 구글 서치 콘솔과 연결하기

       [Link] https://realitreviews.tistory.com/325

⑨ 구글 애드센스.. 한달만에(6전 7기) 심사 승인 완료 되었습니다 ^^..

    [Link] https://realitreviews.tistory.com/334

⑩ 구글 애드센스.. 애드센스 광고코드 생성 및 상하단 광고넣기 ^^..

    [Link] https://realitreviews.tistory.com/335

⑪ 카카오 애드핏

    a. 가입 및 신청하기 (* 심사대기중!!)

       [Link] https://realitreviews.tistory.com/355

    b. 심사보류 조치 및 승인완료

       [Link] https://realitreviews.tistory.com/357

⑫ 티스토리계정을 카카오계정으로 전환하기

    [Link] https://realitreviews.tistory.com/374

⑬ 애드핏/애드센스 연동하기 및 광고 새로 적용하기!!

    [Link] https://realitreviews.tistory.com/375

⑭ 1차년도 최근 3개월 평가 : 해외노출~ 소기의 목적달성 ^^..

    [Link] https://realitreviews.tistory.com/404

⑮ 수익관리 (애드센스,애드핏)

    a. 애드센스 Pin번호 발송 메일을 받았습니다 ^^.. (* 주소 미리 입력해 놓기!!)

       [Link] https://realitreviews.tistory.com/405

    b. 애드센스 Pin번호 도착 및 입력하기 ^^..

       [Link] https://realitreviews.tistory.com/438

    c. 애드센스 - 월별 지급 청구 기준액 $200로 변경해 봤습니다 ㅠㅠ

       [Link] https://realitreviews.tistory.com/526

    d. 애드센스 - $200 도달 및 외환 계좌 등록하기

       [Link] https://realitreviews.tistory.com/710

ⓐ 티스토리 ~ 다음 저품질 검색 중지 및 조치사항 들...

    a. 제 티스토리 블러그 : 다음 저품질 밴 먹고~ 다음 검색 중지 된 듯 싶네요 ㄷㄷ

       [Link] https://realitreviews.tistory.com/546

    b. 티스토리 다음 검색 저품질 대책 : 네이버 블러그 글 "검색 비허용 조치" 함 ㅠㅠ

       [Link] https://realitreviews.tistory.com/573

ⓑ 티스토리 ~ 네이버 검색을 위해 네이버 서치어드바이저 등록하기 ^^..

    [Link] https://realitreviews.tistory.com/596

ⓒ [최종] 애드센스 25만원 최초 입금 완료!! (* 장기간 티스토리 사용후기 최종 마무리)

    [Link] https://realitreviews.tistory.com/715

   * 원본 작성처인 티스토리 외.. 다른 배포처의 경우?? 목차 업그레이드가 안되어 있을 수 있을 수 있습니다.

 

 

※ [추가진행편] 곁다리 사용팁!!

a. 다음 이메일 계정 => 카카오 계정으로 전환하기

    [Link] https://realitreviews.tistory.com/391

b. 스마트폰 다음 메일앱에 카카오계정 재등록 및 멀티 계정추가하기!!

    [Link] https://realitreviews.tistory.com/392

c. 티스토리 - 애드센스 선정성 & 성인 웹툰 광고 게시 차단 설정하기

    [Link] https://realitreviews.tistory.com/407

d. 애드센스 - 무효트래픽에 의해 광고 제한 걸렸네요 ㄷㄷ

    [Link] https://realitreviews.tistory.com/437

e. 애드센스 - 광고 게재 제한  6일만에 풀렸네요 ^^..

    [Link] https://realitreviews.tistory.com/440

f. 티스토리 어포스트 스킨 : 목록상단, 목록하단 애드센스 광고 적용하기!!

    [Link] https://realitreviews.tistory.com/527

g. 티스토리 - 카카오 애드핏 선정성 광고 차단 설정하기!!

    [Link] https://realitreviews.tistory.com/717

h. 애드센스 수익금 : 외환계좌에서 원화계좌로 환전 이체하기!! (*12개월만에 $200 도달!!)

    [Link] https://realitreviews.tistory.com/898

i. 카카오 애드핏 첫 수익 5만원 지급요청 하기 (* 애드핏 가입 후 거의 3년만 첫 수익입니다!!)

    [Link] https://realitreviews.tistory.com/914

 

PS. ⓒ 애드센스 최초 입금글을 최종글로.. 장기간 티스토리 사용기를 마무리 했습니다만 ^^..

    - 최총 마무리는?? 티스토리 처음도전기 사용후기 관점에서 일단락을 하였구요.  

    - 이후, 추가적으로 알게된 활용팁 및 언급할 부분이 있다면.. 목차에 추가 진행편에 업데이트해 놓도록 하겠습니다.