ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • 티스토리의 들쭉날쭉 사이드바 항목들을 깔끔하게 정리
    블로그/일반 2009. 2. 7. 14:43

     

    간혹.. 블로그 뎅기다보면, 제 블로그의 스킨과 동일한 스킨을 사용하는 곳을 자주 만나게됩니다.

    특별한 이유없이 동질감(?)이 들져..ㅋㅋ

     

    제 티스토리 스킨이름이..

    Life In Mono(Light)(사용자 수정/업로드) ver.1.0(사용자 수정/업로드) 입니다.

    스킨의 모양은 현재의 제 스킨과 똑 같구요~ 

     

    블로그 이웃중에... 간혹 사이드바를 보면, 아래 그림과 같이 보이는 경우가 있습니다. 참고로 아래 사이드바는 믹시에서 왕성한 활동을 하시는 미자라지님의 사이드 바입니다.

     

     

    스킨에서 기본으로 제공하는 사이드바 외형의 템플릿을 활용한다면, 위의 구글광고가 따로 노는 느낌이 아니라 통일감된 느낌을 줄 수 있기때문에, 나름 깔끔하게 디스플레이가 가능합니다. (미자라지님의 홈이 안깔끔하다는 것이 아니오니, 오해마시길..ㅋㅋ)

     

    사실 템플릿을..기존 스킨에서 뭔가 들여다보면서, 코드를 뜯어올려면 번거롭거든요..귀찮키도 하고,

    그래서 시간많은 제가..ㅋㅋ 대신알려드릴께요^^

     

     

    1. admin 메뉴 skin의 사이드바로 이동합니다.

     

    위의 미자라지님 화면을 예로 들어본다면..아마 사이드바 메뉴가 아래와같이 배치되어 있을것이며,

     

     

     구글 Ad sense 스크립트 코드는 "HTML 배너출력" 속에 들어가 저장되어 있을겁니다.

     

     

    2. 사이드바와 모양이 똑같은 코드는 아래와 같습니다.

     

    <div class="boxTopR"><div class="boxTop-left"></div><div class="boxTop-mid"></div><div class="boxTop-right"></div></div>
         <div class="boxMidR">
          <div id="link">
           <h3 class="stitle">링크</h3>
           <ul>
            <s_link_rep>
                                      <li>

                         
                                      </li>

            </s_link_rep>
           </ul>
          </div>
         </div>
         <div class="boxBtmR"><div class="boxBtm-left"></div><div class="boxBtm-mid"></div><div class="boxBtm-right"></div></div>

     

    위의 코드에서 보면, 빨간색 글씨 써놓은곳에 <li> </li>가 보입니다. 요 사이에 구글 ad sense 광고코드를 복사후, 끼워 넣으시고, 끼워넣은 전체 스크립트를 복사하셔서, 1.항목에서 보았던 "HTML 배너출력" 속에  집어넣으셔서 저장하시면 됩니다.

     

    그러면, 위의 미자라지님 메뉴는 아래와 같은 형태로 변경됩니다. 약간은 깔끔해 졌지요?

     


    다른 스킨의 경우라면,

     

    1) admin-->스킨---> html/css 편집으로 가서,

    2) 사이드바 코드가 있는곳으로 이동하여,

    3) 찬찬히 잘 살펴보아, 위 2번 항목의 노란박스에서 보여진 스크립트와 유사한 블럭을 스스로 판단, 유추해서

    4) 코드블럭을 뜯어와야 합니다.

     

    몇번정도 시도하면, 자기 스킨과 색감 및 디자인이 동일한 사이드바 박스 코드를 얻을수 있습니다.

     

    댓글 22

    • 프로필사진

      좋은 정보 감사합니다.
      참 근데 궁금한게 있어요..
      my link 에 보면.. 직접 html 을 작성했는데 어떻게 하신거에요.. ^^;;

      2009.02.07 15:01
    • 프로필사진

      ㄳ합니당..ㅋ
      지저분한 블로그가 조금은 나아졌나요?ㅋ

      2009.02.07 15:33 신고
    • 프로필사진

      저도 방금 이 팁으로 해결했습니다~^^
      감사합니다~ㅎㅎㅎ
      또 링크도 따라해 보려 합니다.^^;;

      2009.02.07 20:18 신고
    • 프로필사진

      훨씬 나아보이네요~ 저도 해 봐야 겠어요 ^^

      2009.02.07 20:56 신고
    • 프로필사진

      머니야님 또 여쭤봐도 될려나..;;
      링크창 말이에요..지금 한줄에 한분씩 나오는데 그냥 조금만 띄고 다른 블로그나오게끔..하는거 복잡한가요?;;
      태그상자에 태그가 쭈~욱~나오는것처럼 말이죠..;;

      2009.02.08 11:14 신고
      • 프로필사진

        만일...admin에서 링크입력할때마다..반영되는 순수기능의 linkbox를 사용하려면 말씀하신 그기능은 사용못해요...위에 올린 그 박스를 사용하여, 링크걸기로 일일이 입력을 해야 말씀하신 효과가 나오는데..좀 번거롭겠지요.. 아마 그런 위젯이 있을수도 있는데, 함 찾아보져!

        2009.02.08 14:14 신고
    • 프로필사진

      직접 방문하셔서 댓글도 달아주시고 너무 감사드려요.
      저는 다른싸이트에서 블로거뉴스 송고하다가 본격적으로 해보려고 티스토리를 개설했답니다.
      기존 활동한 싸이트에서 방문자수가 꽤 나왔는데 포기하고 첨부터 시작하려니 힘드네요 ㅎㅎ
      좋은 정보 감사드립니다.

      2009.03.07 22:47 신고
      • 프로필사진

        에고..지금에서야 댓글을 봤습니다...ㅠㅠ...돔이되셨다니 정말 다행입니다^^ 멋진 블로그 기대하겠습니다~~

        2009.03.16 03:08 신고
    • 프로필사진

      전.. 덧글 같은거 잘 안남기고 가끔 와서 눈팅만 하다 갔었어요..
      여기서 배운거 많은데 ^^;;;
      사이드바 정리말고도, 레드윙 이나.. 링크프라이스도 여기서 알게됬구요.
      링크프라이스는 오른쪽 링크타고 가입해서 좀 써오다가.. 지금은 없애버렸어요.
      여튼 가끔 눈팅하러 올께요 ^^;;

      2009.03.16 03:28 신고
      • 프로필사진

        앗^^ 늦은밤인데 덧글을 주셨네요^^ 감사합니다~ 그런데..저는 오히려 구글떼고..링크프라이스만 집중하고 있는 상황이거든요..포스트본문과 일치하는 링크는 잘 맞는 경향이 있어서요~ 저도 자주 들르겠습니다..에고..졸린시간이 되었네요^^ 즐거운 한주되세요!

        2009.03.16 03:34 신고
    • 프로필사진

      아항! my link 저게 궁금했었는데, 요런 방법이었군요.
      크, 감사해요. ^0^
      맨날 물어봐야지 물어봐야지 하면서
      요즘 다른 거 공부하느라 블로그 놀러 다닐 시간이 없어
      댓글도 잘 못달고. 언제나 정보 감사드려요~
      아, 여기서 한가지 질문이요~
      저, 치토스녀석이 늘 궁금했었답니다. 저녀석 유독 눈에 띅게 배치 되어 있잖아요.
      도대체 어떻게 하신거에요.
      너무 궁금해요?

      2009.03.16 13:49 신고
      • 프로필사진

        ^^ 도움되셨다니 다행입니다~ 치토스는 png 이미지에요..배경이 없는색상의 그림을 하나 구한것이구요~
        그리고, layer 를 사용하여 층으로 띄우면 가능합니다~ 요거와 관련된 상세스크립트는 조만간 포스팅함 하겠습니다^^ (검색에서 layer 사용례)로 치시면 금새 이해되실것도 같구요^^

        2009.03.16 15:29 신고
    • 프로필사진

      아 좋은 정보입니다.감사해요.

      2009.04.30 02:42 신고
    • 프로필사진

      눈팅만 하다가 처음으로 댓글을 답니다.

      머니야님이 대신 노가다(?)를 해 주시고 직접 사용한 소감을 전해주시는

      많은 내용들 덕분에 빠르게 삽질 안하고 블로그라는 것을 이해 할 수 있게

      되는 것 같습니다. 고맙습니다.

      2009.12.17 20:01 신고
    • 프로필사진

      포스트 보고 함 바꿔봤습니다....^^

      2010.06.24 17:17 신고
    • 프로필사진

      궁금했던 정보인데 감사합니다.꾸벅~

      2010.07.18 19:04 신고
    • 프로필사진

      머니야님 여기 포스팅에 애드센스 광고코드 들어있는거 같습니다 ^^

      오류창이 보이네요 ㅎㅎ

      2010.12.31 04:34 신고
    • 프로필사진

      포스트 보고 함 바꿔봤습니다....^^

      2011.07.09 12:00
Designed by Tistory.