일상다반사2015. 2. 24. 12:44

사이드바 가로폭 300으로 사이즈 조정하고 구글 애드센스 대형광고(300*600) 삽입하기.

 

많은분들이 사용하고 있는 티스토리 기본 스킨인 Life In Mono(Light)의 사례 입니다.

 

몇년간 티스토리 블로그를 운영하면서도 스킨변경을  하지않고 사용해 왔었다.

짧은 지식도 그렇거니와 필요성을 느끼지 못했기 때문이다.

 

그러던중 웹 반응형 스킨이라는 말도 알게되고

지난해 애드센스 광고를 본격적으로 운용하기 시작하면서

블로그 스킨에 관심을 가지기 시작했었다.

 

그러나 알면 알수록 어려워지고 완성하기까지 번거로운점이 많은탓에 웹 반응형 스킨은 그림의 떡,

줄곳 티스토리 기본 스킨만을 사용했었다.

 

변화를 가져보기위해 최근 스킨을 Life In Mono(Light) 로 변경하게 되었는데

무엇보다 좁은듯한 사이드바가 마음에 들지않기도 했지만

구글 애드센스 광고 300 x 600(큰 스카이스크래퍼) 를 사이드바에 넣어볼까 하는 마음에

사이드바 사이즈 조정을위해 이곳저곳 인터넷 검색을 하게 되었다.

 

 

검색글을 클릭해서 해당글을 보면 사이드바 박스 크기만을 조정하는 방법만을 설명한 성의없는 글이 있는가하면

세부항목(최신글,댓글,등 컨텐츠 박스 사이즈) 설정을 위한 캡처 사진과 함께 자세한 설명이 있는 도움이 되는 글도 보인다.

 

조심스레 설정값을 변경하기위해 포스팅을 보며 하나하나 고쳐 나갔다.

혹시라도 빠진게 없나,틀린곳은 없나 하는마음에 몇차례씩 반복적으로 확인을 거듭하고 마침내 사이드바 사이즈 조정에 성공.

 

카테고리 박스,최신글 목록 박스등 각 항목 박스 크기가 함께

300*600 대형 광고와 같은 사이즈로 조정되었다.

 

HTML/CSS에 대해 문외한이 나로서는 다소 복잡하고 보면 볼수록 어렵기만 하다.

 

그래서 나와같은 처지에서 선뜻 스킨 변경을 하지 못하는분들을 위해

간단하게 변경할수있는 방법을 공유하고자하는 마음이 생기게 되었다. 

 

다음에 소개하는 방법은 Life In Mono(Light) 스킨에 국한된 방법임을 말씀 드립니다.

 

먼저 블로그 스킨을  Life In Mono(Light) 스킨으로 변경 해야겠죠.

 

 먼저 관리자 모드로 들어가서 좌측메뉴 스킨을 클릭후 스킨모음 박스 우측상단의 선택을 인기순으로 하면

Life In Mono 스킨을 만나볼수 있습니다.

하단 적용하기 누르시면 새로운 스킨으로 변신 성공.

 

(주의- 변경 하기전에 기존 사이드바에 설치되어있는 추가된 개인 항목들을

모듈보관함에 최신상태로 저장 하시기 바람.) 

 

방법은....

사이드바 각 항목 편집을 클릭후 사용자 모듈에 저장 체크하면

모듈 보관함에 저장이되고 언제든지 새로운 스킨에서 사용 가능함.

 

다시 스킨으로 돌아와서 이어 갑니다..

 

 

Life In Mono(Light) 스킨으로 안전하게 적용이 되었다면

좌측 메뉴에서 HTML/CSS 편집을 클릭후

본 글 하단에 첨부된 style.css 소스를 내려받은뒤 모두 복사 하신후

관리자 화면 하단의 style.css 박스안의 소스를 내려받은 새로운 소스로 바꿔 주시면

항목 하나 하나 일일히 바꿔줘야하는 불편을 덜수 있을것입니다.

 

 

다시 한번 말씀 드리지만 아래 소스는 Life In Mono(Light) 스킨의

본문 게시글 기본설정으로 되어있는 683px 에

대형광고 삽입을위해 사이드바만 300px로 확장 변경하는 내용입니다.

 

150224 확장 style.css.txt

(절대 안전한 파일이오니 걱정하지 않으셔도 됩니다)

 

 ☞☞-- 다음(daum)메인,모바일에 글이 걸리면 다음애드핏(adfit)대박.

 

↓↓↓(클릭) 포장지기의 일상 인기글 모음 입니다.-☜☜

 

 

Posted by 일상 포장지기

댓글을 달아 주세요

  1. 앗..저도 이게 궁금했었는데 한번 시도해 봐야 겠네요^^
    다녀갑니다. 행복한 하루 되세요

    2015.02.25 09:28 신고 [ ADDR : EDIT/ DEL : REPLY ]
  2. 참조하겟습니다
    아직 필요성을 못 느끼지만 혹시 압니까? 필요하게 될지..ㅎ

    2015.02.25 09:50 신고 [ ADDR : EDIT/ DEL : REPLY ]
  3. 예전에 사이드바 사이즈 늘이기가 궁금해서
    한참 검색했던 기억이 납니다.^^
    도움되는 정보 감사합니다.
    좋은 하루 보내세요!

    2015.02.25 11:12 신고 [ ADDR : EDIT/ DEL : REPLY ]
  4. 널찍하니 조으네요 ㅎㅎ

    2015.02.25 15:07 신고 [ ADDR : EDIT/ DEL : REPLY ]
  5. 점점 진화되어 가는 멋진 모습이 아주 보기 좋습니다.

    오늘은 기온이 한층 더 올라갔네요.
    봄이 성큼성큼 다가오는 소리가 들리는 것 같은 오후입니다.
    기분좋은 시간 보내세요^^

    2015.02.25 16:07 신고 [ ADDR : EDIT/ DEL : REPLY ]
  6. 그러고보니 스킨을 바꾸셨군요. 저도 이 스킨이 그저 깔끔해서 쓰고는 있는데.. 수정해야 할 부분들이 많아서 첨엔 엄청 씨름했었지요. 나중엔 포장지기님이 스킨마저 만드시는건 아닌가 하는 생각이 드네요. ㅎㅎ 사이드바에 대형 광고를 달고 싶으신 분들에겐 좋은 정보가 되겠네요. 아직 추운데 감기 조심하세요~

    2015.02.25 16:20 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 요즘 제가 바쁘다보니 일일히 인사도 못드리고 있네요..
      형편이 좋아지는대로 찾아뵙겠습니다..
      좋은 하루 되세요^^

      2015.03.02 13:21 신고 [ ADDR : EDIT/ DEL ]
  7. 사이드바 늘리고 싶은분들에게 좋은정보네요

    2015.02.25 18:00 신고 [ ADDR : EDIT/ DEL : REPLY ]
  8. 이번에 html 편집 화면이 바뀌어서 방법이 바뀐것같은데....ㅠㅠ
    이번 바뀐화면에서 수정하는 방법좀 알려주세요

    2016.01.13 15:27 신고 [ ADDR : EDIT/ DEL : REPLY ]