즐거운 명절 되고 계시나요?  이번 포스팅은 네이버의 웹 분석 서비스에 대하여 포스팅을 하려고 합니다. 


사실 여담이지만, 다른 블로그 하시는 분들의 경우에도 많은 광고 플랫폼을 사용하시는데요.(저 같은 경우 구글 애드

센스). 물론 잘나가는 블로그는 아니지만, 가끔씩은 구글에서 용돈 받을수 있는 상황이 되다 보니, 블로그에 글을 쓸대 한번정도는 여러가지를 고려할때가 있습니다.(물론 아무렇게나 올리는 경우도 있지만). 


그러다 보니, 각 검색엔진(네이버, 구글)에서 오는 트래픽을 신경쓰게 되게 되더군요. 자연스럽게 키워드도 선별할수 밖에 없게되고요. 물론 티스토리의 경우 자체적으로 방문 키워드 분석을 할수 있으나, 어떨때는 좀더 세밀한 분석을 필요로 하게 될때도 있습니다. 그럴때 이용하는것이 로그 분석 서비스 입니다. 대표적으로는 국외 서비스로는 구글 애널리틱스, 그리고 국내에는 네이버 애널리틱스가 있습니다. 

Google AnalyticsGoogle Analytics

<구글 애널리틱스>

저 같은경우 두 서비스를 동시에 이용하고 있는데, 이번 포스팅에서는 네이버 애널리틱스에 포커스를 맞추고자 합니다. 


사실, 티스토리에서 기본적으로 제공하는 통계툴만 활용하면 되지.? 외부 로그 분석 시스템을 이용할 필요가 있나? 그럴수도 있지만, 생각해보면, 충분할수도 있지만 (블로그를 운영하는데 있어) 또는 블로그만 운영하더라도 좀더 세부적인 계획을 작성해야할때가 있습니다.(대표적으로, 모바일 버전의 티스토리는 얼마나 들어올까 이런질문에 대한 답변은 해주지 못하거든요), 


그러면 그 다음부터 블로그 분석을 위해서 어떤걸 쓸것인가 ? 이럴때 구글 애널리틱스나, 네이버 애널리틱스가 나오게 됩니다. 여러 다른 분들의 의견을 들어보면 선택이 갈리게 되는데, 


Naver AnalyticsNaver Analytics

<네이버 애널리틱스>

일단 제 기준에는 한눈에 확 들어오는것을 좋아하시면 네이버 애널리틱스를 추천을 드립니다. 아시겠지만 구글은 인터페이스 면에서는 눈에 확 안들어오거든요.. (제기준에서는) 


앞에서, 모바일에서 들어오는 트래픽을 확인한다고 했는데, 요즘에 티스토리 설정을 안봐서 모르겠습니다. 일단 모바일쪽 트래픽을 따로 빼지 못하는것이, 반응형 스킨으로 변경한후 티스토리의 모바일 페이지는 안사용하고 있거든요.


저 같은경우는 반응형 스킨을 사용하기 때문에 모바일 페이지로 들어오는 유저에 대해서도 통계기능이 가능합니다.


사실, 선택은 사용하시는분에 따라 다르겠지만, 저같이 일목요연 하게 정리된걸 좋아하는 사람에게는 네이버 애널리틱스도 적합할것 같습니다.


블로그에 적용시키는 방법은 매우 간단합니다. 먼저 네이버 아이디가 있으셔야 합니다. 그리고 


http://analytics.naver.com/service/index.html 네이버 애널리틱스에 접속하신다음에, 가입하시고 코드를 받으셔서 티스토리 코드에 넣으시면 되십니다. 






저작자 표시 비영리 변경 금지
신고
크리에이티브 커먼즈 라이선스
Creative Commons License




방금전 블로그 유입경로를 확인하다가, http://www.blogsurf.co.kr/ 가 있길래 들어가 봤습니다..;;
만든지는 얼마 안된것 같습니다. 처음에는, 새로운 신생 메타 블로그 정도로만 생각되었는데,, 그게 아닌것 같더군요. 블로그 서프측 싸이트에서 정의하는것 말고 다른식으로 블로그 서프를 한번 미리 정의를 내리고 시작하겠습니다

하루종일 앉아서 컴퓨터 앞에서 블로그 구경할때 버튼하나로 간단히 해결되는 서비스?

이정도 일것 같습니다. 일종의 검색엔진 비슷므리한것 같은데, 위에 서핑이라는 버튼을 누르면 계속 블로그가 나옵니다. 그리고 옆에 칸에 만약 eizt  또는 five type story(제 닉, 블로그 이름)을 입력하면 해당블로그로 까지 가네요,

블로그 서프를 포스팅하려고 캡춰 프로그램을 찾으려고- 오픈캡춰를 딱 치고 서핑하니.

오픈캡춰 관련 블로그가 나오네요.. 모랄까 약간 사용하는 방법에 따라 재미있는 결과도 나올것 같습니다.
즉 자신이 관심이 있는 주제를 입력하면 그와 관련된 주제의 블로그로 안내해주는것 같습니다.
그리도 또 만약 가입해서 쓸경우, 자신이 이동경로를 분석해서 취향에 맞게 추천도 해준다고 하는것 같네요;; 아마도 그냥 쓸경우는 사람들이 가장 많이 가는 블로그나 , 현재 이슈되고 있는 블로그로 안내하는것 같습니다..

tag:ezit ...음 아무래도 태그를 기반으로 하는것 같습니다.
http://www.blogsurf.co.kr/s/#45307/redeyesofangel.tistory.com/303/tag:eizt

약간 색다른 블로그를 구경하실분들에게는 약간의 추천을 드려봅니다.

즐거운 주말되세요.. 어제가 뮤직뱅크 했으니까,, 오늘은 음악중심.,..인것 같은데;; 오늘도 지드래곤이 일등하려나-하하;;브아걸 만세;


블로그서프 베타 서비스가 시작되었습니다.

블로그서프는 검색의 귀찮음이 없이 인터넷상의 인기 콘텐츠를 '서핑!' 버튼을 클릭하는 것만으로 즐길 수 있는 서비스입니다. 또한, 관심 분야의 콘텐츠를 자동으로 추천해주며 소셜 북마킹으로도 활용할 수 있습니다.

베타 서비스 기간에는 예고 없이 기능의 추가/삭제 등이 있을 수 있으며 서비스가 불안정할 수도 있습니다.

현재 블로그서프는 태그매치(http://www.tagmatch.co.kr)의 포스팅 링크와 연동이 되어 있습니다.

사용 중 불편한 사항이나 버그 그리고 건의사항 등은 blogsurf@revlix.com으로 보내주시기 바랍니다.

많은 사용 부탁 드립니다.

감사합니다.

../아아 공지사항을 일억어보니 태그메치 점 씨오 쩜 케알 싸이트,, 저기는 안가봤는데, 태그기반인건 확실한것 같습니...다..
저작자 표시 비영리 변경 금지
신고
크리에이티브 커먼즈 라이선스
Creative Commons License
  1. Favicon of http://mjoplin.textcube.com BlogIcon 백조트래핑 2009.09.05 17:36 신고

    유용한 정보 감사합니다 !! ^^

    • Favicon of http://redeyesofangel.tistory.com BlogIcon Yuika eizt 2009.09.06 00:09 신고

      유입경로 보다가 우연히 발견해서 소개해드린건데,,^^

      도움이 되셨다니 다행입니다~~

      ㅎㅎ 즐거운 주말되세요~~

  2. Favicon of http://www.revlix.com BlogIcon punk00 2009.09.07 15:46 신고

    안녕하세요. 블로그서프 서비스를 만든 punk00라고 합니다 :)

    저희 서비스에 대해 멋진 리뷰글 남겨 주셔서 감사합니다.

    하루종일 앉아서 컴퓨터 앞에서 블로그 구경할 때 버튼하나로 간단히 해결되는 서비스라는 EizT님의 소개글이 너무 마음에 드네요^^ (저희가 이 서비스를 만든 이유와 딱 일치해서요)

    더 좋은 서비스를 만들기 위해 지금도 열심히 달리고 있으니, 앞으로도 많은 관심 부탁드리겠습니다!

    감사합니다.

    덧) EizT님께서 말씀하신대로 태그를 기반으로 하는 서비스가 맞습니다^^

    • Favicon of http://joogunking.tistory.com/ BlogIcon joogunking 2009.09.08 08:33 신고

      메타 블로그로도 좋은 서비스에 랜덤 서핑이라는 독특한 기능이 하나 생기디 더욱 좋네요. 앞으로 많이 사용하겠습니다. 번창하세요.^^.

    • Favicon of http://redeyesofangel.tistory.com BlogIcon Yuika eizt 2009.09.08 12:24 신고

      앗 좋은 서비스 감사합니다~~~ 즐거운 하루되세요~~;ㅎㅎㅎㅎㅎㅎ



모랄까, 어제 곰TV를 봤더니, 카라 뮤직비디오가 떴더라고요;; 그래서 퍼가기 눌러서 곰TV주소를 링크했었습니다.

물론 저작권에 위반하나도 안되게요; 그냥 주소만 링크거는 형식으로 소개했거든요;;

마지막 멘트는 이번기회에 곰한번 키우시는거 어떠세요;;

그런데 아무리 생각해도; 거의 낚시성이였고- 제가생각해도 이건 정보의 가치라던지 성의가 너무 없어서 그냥 지워버렸습니다.

그리고 방금전에는 현재 사용중이 확장에 약간의 주석을 달아 포스팅하였는데; 어제 카라에 대한 뮤직비디오 관련 다음뷰 글이 이곳으로 연결이 되었네요;;

흠 지금은 고쳐졌으려나;; 글의 요지는 다음 뷰의 오작동 발견입니다..

결론은  ::: 다른 걸스 그룹도 있지만,, 카라 최고?

저작자 표시 비영리
신고
크리에이티브 커먼즈 라이선스
Creative Commons License

오늘 저의 블로그 주소를 redeyesofangel.tistroy.com 에서, http://redeyesofangel.blogist.net 으로 변경하였습니다
변경했다고 해서, redeyesofangel.tistory.com이 안들어가는것은 아닙니다..

수정 :: 약간 수정합니다.. 사실 2차 주소를 만든다음, 그걸 토대로 텍스트큐브로 이사가려고 했습니다-:푸하하;; 가니까 너무 힘들어서 다시 적응하기도 그렇고., 그냥 티스토리 원래주소로 다시 돌아왔습니다; 위 문자에 대한 수정입니다. 2차 주소 필요하신분들은,, 아래를 읽어보시면 욉니다.

가끔씩 다른 블로거 분들것을 보다보면 왠지 티스토리 일것 같은데, 아닌분들이 너무 부러웠습니다. 자 만약 주소를 변경하기로 하셨다면,, 다른 메타블로그 등록부터 약간 번거로운 과정이 있을수도 있습니다.

그럼에도 변경하시고 싶은 분들은???

http://kr.dnsever.com/ 이 있습니다!! 이곳에서 무료 도메인을 얻으실수가 있습니다.



먼저 가입을 하셔야 합니다.  가입을 하시고 로그인하시면 아래와 같은 화면이 나옵니다. 여기서 빨간색 친 부분 바로 이부분이 무료로 도메인을 얻으실수 있는 서비스 입니다.



다음과 같은 페이지가 나온는데, 여기서 화살표키를 눌러서 원하시는 도메인을 고르시고 원하는 주소를 넣으신다음 설명을 넣으시고 추가를 누르시면 사용하실수 있는 도메인이 생성이 됩니다.

다시 첫번째 그림입니다. 도메인을 추가하면, 파란색 박스에, 만드신 주소를 선택하실수 있습니다.
박스를 눌러서 만드신 주소의 설정창으로 넘어갑니다.



다음페이지로 넘어가시면, 호스트IP(A) 관리를 클릭합니다.

자 이제 넘어가기전에, 사용하시는 티스토리의 IP를 아셔야 합니다.

시작 - 실행을 누르신다음 cmd 라고 치시면 검정색 화면이 뜰겁니다.


검은색 도스창이 뜨면, nslookup 자신의 티스토리 주소를 치시면

아래 빨간색 박스와 같이 자신의 티스토리 아이피가 나옵니다.

그러면 호스트IP(A) 추가라고 쓰여진부분에 아이피를 추가하시고

티스토리 환경설정으로 들어오신다음


2차 도메인을 설정하시면 되겠습니다.

이것으로 무료로 2차 도메인 설정하는 방법 설명을 마치겠습니다


저작자 표시 비영리
신고
크리에이티브 커먼즈 라이선스
Creative Commons License

'Information' 카테고리의 다른 글

비스타에서 msinet.ocx 오류가 난다면,,  (0) 2009.06.22
어라,, 큐로보 오픈했네요;;  (0) 2009.06.01
위키의 마력?  (2) 2009.05.19
무료로 2차 도메인 만드는 법  (14) 2009.05.09
V3 보안 위젯!?  (4) 2009.05.08
현재 파이어폭스 사용중인 확장.  (0) 2009.04.18
부울 대수  (0) 2009.03.15
  1. Favicon of http://www.gweb.pe.kr BlogIcon NZhe 2009.05.09 17:04 신고

    좋은정보 감사합니다^^
    저도 해봐야겠어요.... 안그래도 필요했었는데말이죠..!

    • Favicon of http://redeyesofangel.tistory.com BlogIcon Yuika eizt 2009.05.09 19:07 신고

      좋은정보라니 다행입니다.

      2차 주소 만든다음,, 텍스트큐브로 옮기려고 했는데-;

      이거 티스토리에 손이 너무 익어서인지-

      그냥 포기입니다..;하핫

  2. Favicon of http://blog.magicboy.net BlogIcon Magicboy 2009.05.09 19:45 신고

    그냥.. 독립 1차 도메인으로 만들어서 그걸로 옮겨다니셔도 ^^
    http://writerlee.com/ 이런 식으로 말이죠 ^^

    • Favicon of http://redeyesofangel.tistory.com BlogIcon Yuika eizt 2009.05.09 20:35 신고

      하핫,, 그걸 미리 알았으면,,

      그냥 티스토리 서비스가 없어지지 않는한..

      그냥 눌러살기로 했습니다.;; 설정하기도 귀찮고;.(헉..);;

  3. Favicon of http://tistory.wo.tc BlogIcon 연하 2009.05.09 20:34 신고

    우엉우엉 dnsever !!
    저는 http://www.tistory.wo.tc 비록 서브 도메인이지만
    나름 만족하면서 도메인 잘 사용하고 있답니다.~

    • Favicon of http://redeyesofangel.tistory.com BlogIcon Yuika eizt 2009.05.09 20:37 신고

      dnsever 만세!!!

      원래는 PHP공부하면서, 다이나믹DNS 기능을 알게되서 알게되었는데;;


      하하;;-;; 그냥 redeyesofangel.tistory.com에 만족하기로 했습니다;-

      나중에 다른 블로거를 만들기회가 생기면 그떄 하려고요;;ㅎㅎㅎㅎㅎㅎ

  4. Favicon of http://sangogi.com BlogIcon 상오기™ 2009.05.09 20:52 신고

    1차 도메인 하나 만들어 놓으면 여기저기 쓸모가 많습니다 ^^

    http://sangogi.com => 메인 블로그용
    http://blog.sangogi.com => 네이버 블로그 연결용
    http://gps.sangogi.com => GPS On이란 사이트 연결용

    이렇게 나와 관련된 사이트들을 2차 도메인으로 연결할 수 있거든요 ^^

    • Favicon of http://redeyesofangel.tistory.com BlogIcon Yuika eizt 2009.05.09 23:30 신고

      하핫.,,, 개념을 미리 알았다면,,

      오늘 도메인에 대한 신세계-_-;; 를 본것 같아요!!!!

  5. Favicon of http://nkokonweb.tistory.com BlogIcon nkokon 2009.05.09 21:17 신고

    도메인 하나 장만해야 하는데... 미루다보니 그냥 귀찮아서 쓰지 않게 되더군요.
    비용이 1년으로 구입하면 크게 비용이 들지 않던데, 유명한 것으로 구입하는 것이 장점이 더 많지 않은가요?

    • Favicon of http://redeyesofangel.tistory.com BlogIcon Yuika eizt 2009.05.09 23:31 신고

      하핫,,,저도 이걸 안지 얼마안되서..;;

      유명한것으로 하면,,,,,,,,,,일단 뽀대?는 좋겠죠..ㅎㅎ?

  6. Favicon of http://jinodayo.tistory.com BlogIcon 지노다요 2009.05.09 23:05 신고

    dnsever 참 유용한 사이트 ㅎ

  7. Favicon of http://puresky.tistory.com BlogIcon Puresky 2009.05.11 10:24 신고

    좋은 정보네요!! 아하~~

    • Favicon of http://redeyesofangel.tistory.com BlogIcon Yuika eizt 2009.05.11 22:50 신고

      좋은 정보라니 !! 감사합니다!!.ㅎ.ㅎㅎㅎㅎㅎㅎㅎㅎ

▶3번째 이야기를 사작하며,
가장 어떠한 경로로 들어오셨는지는 모르지만, Five Type Story에 들어오신것을 환영합니다, 이글은 파워 블로거가 아닌, 아주 작은 블로가가 쓴 , 티스토리 뻘짓, 등등 하면서 알아낸(물론, 다음 신지식, 네이버 지식인)의 도움을 많이 받았지만, 그걸 막 제 방법대로 막풀어 쓴글입니다.

만약 이야기가 어떤건지 궁금하시면, 첫번째와 두번째 이야기를 보시는것도 괜찮습니다.
티스토리 가지고 놀기 파트 원[읽어보기]
티스토리 가지고 놀기 파트 투[읽어보기]

대강 티스토리 첫번째 이야기는, 꾸미고 싶은데, 방법을 모르겠다. 그래서 환경설정 사이드바설정
을 이용의 태그입력기로 간단한 것을 꾸밀수 있는것이였습니다. 지금 Five Type Story로 예제를 들은다면 아래 그림과 빨갠색 상자로 되어있는 배너들입니다.
사용자 삽입 이미지

예제1




























2번째 이야기에서는 소스 수정을 위해 간단한 HTL 개념을 봤습니다.
HTML 이 어떤구조로 되어있고, 대강 그것들이 하는 역할이 무엇인지 였습니다.

▶환영합니다.
세번쨰 이야기로 오신것을 환영합니다, 앞서 밝히고 있지만 이번장에서 하는것은 소스를 직접 수정하는 것입니다. 하지만 그렇다고 근본적인걸 바꾸냐 그런것은 아닙니다.
여기서 얻고자 하는것은 소스수정 창에서 간단하게 이것들이 어떻게 생겼다, 그리고 하는 역할이 간략히 무엇인지 등입니다.

자세히 설명하고는 싶지만 , 저도 잘모르기 때문에 어떻게 설명은 못드리겠습니다.
하지만 티스토리에 자기가 넣고 싶은 위치에, 넣을수 있을정도 까지는 설명해 드리겠습니다.

※단 아직도 제가 알지 못하는 부분은 한도 끝도 없이 많으면, 그러나, 그동안 티스토리에서 뻘짓하면서 이건 여기에 넣으면 여기 나오는구나, 이런식으로 알은것을 기술하려고 합니다.

자 이제 복잡해져볼까 합니다. 간딴히 직접 수정에서 소스를 보겠습니다. 스킨은 여러가지가 있습니다. 그 스킨마다 소스도 다릅니다. 하지만 뼈대는 같은것이라고 생각하고 이것으로 했습니다.

▶Phase 4. 꾸미기 복잡한거 시작 - Part 2. 직접 수정-1
앞에서 나왔던 HTML의 기본 구조를 가지고 직접 소스를 보면서 해석하면서 설명하겠습니다

하지만 완벽히 해석은 못해드립니다. 하지만, 앞서 말씀드린데로 기본적으로 꾸밀수 있게는 해드리겠습니다. 하지만 그렇다고 모든것을 설명하는 것은 아닙니다. 하나하나 설명드리고 싶지만, 예전에 학교에서 HTML이니 php니 그런걸 배우기는 했는데, 기억이 많이 안나는 관계 하지만 난 꼭 다 해석하고 말겠다. 그러신 분에게는 책을 소개해드리겠습니다. (광고는 아님)

HTML & JAVA SCRIPT 사전 상세보기
RYUICHI OKAKURA 외 지음 | 영진닷컴 펴냄
홈페이지 작업을 위한 HTML와 JAVA SCRIPT의 모든 기능을 자세하게 소개한 책. 부록으로 넷스케이프 네비게이터에서 스타일 시티 정보를 취득하는 방법, 자바 스크립트 작성 도구 등을 첨부했다.


HTML+ JAVASCRIPT(UIT SERIES) 상세보기
한국정보처리학회 지음 | 이한출판사 펴냄
대학 교양 IT교육을 체계적인 교육공학의 이론을 기반으로 하여 대학생들의 실무 능력 배양을 위해 PROJECT 중심의 학습방법으로 구성된 대학 IT 교양 교재인 UIT SERIES 중 HTML+ JAVASCRIPT편이다. 학습자가 학습 후 실무에 바로 적용하여 활용할 수 있다.


제가 본 책중에서는 가장 좋다고 생각하는것입니다.(문제는 html 관련 책은 2권이 전부라는것..하핫.)

제가 알고 있는것을 기준으로 설명드립니다. 상단, 본문상단, 본문하단, 사이드바, 4가지를 소개해드리도록 하겠습니다. 한번 소스를 직접보면서 하겠습니다.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="alternate" type="application/rss+xml" title="" href="" />
<link rel="stylesheet" media="screen" type="text/css" href="./style.css" />
<link rel="stylesheet" media="print" type="text/css" href="./images/print.css" />
<link rel="shortcut icon" href="favicon.ico" />
<title> :: </title>
</head>
<body>
<s_t3>
    <div id="container">
        <div id="header">
            <h1><a href=""></a></h1>
            <div class="blogMenu">
                <ul>
                    <li class="tab_localog"><a href="">지역로그</a></li>
                    <li class="tab_taglog"><a href="">태그</a></li>
                    <li class="tab_media"><a href="media">미디어로그</a></li>
                    <li class="tab_guestbook"><a href="">방명록</a></li>
                </ul>
            </div>
        </div>
      맨위에 무엇인가를 집어넣으실거면 이곳에 소스를 넣으시면 됩니다.
만약 이곳에 소스를 집어넣으시면 그림처럼 맨위에 넣고자 하는것이 추가됩니다.
예를 구글 애드센스를 예로 들을수 있습니다.
사용자 삽입 이미지
그런데 만약 "내가 무엇인가를 넣었는데, 나는 가운데 정렬로 하고 싶은데 왼쪽으로 치우신다." 그러시면 하나만 추가하시면 됩니다.
<Center>  </Center> << 여기안에 넣으셔야 합니다. 그러면 넣으신것이 가운데 로 올수 있습니다. 앞서 말한거지만 html 은 열으면 닫아야 합니다.
만약 왼쪽정렬 하고 싶으시면 <left> </left> 오른쪽 정렬은 그 반대로  <right> </right> 하시면 됩니다.
       <!-- header close -->
        <hr />

        <div id="content">
            <s_list>
                <div id="searchList" class="nonEntry">
                    <h3>''에 해당되는 글 건</h3>
                    <ol>
                        <s_list_rep>
                            <li>
                                <span class="date"></span>
                                <a href=""></a>
                                <span class="cnt"></span>
                            </li>
                        </s_list_rep>
                    </ol>
                </div>
            </s_list>

            <s_rplist>
                <div id="searchRplist" class="nonEntry">
                    <h3>''에 해당되는 댓글 건</h3>
                    <ol>
                        <s_rplist_rep>
                            <li>
                                <span class="date"></span>
                                <a href=""></a>
                                <span class="cnt"></span>
                                <span class="name"></span>
                            </li>
                        </s_rplist_rep>
                    </ol>
                </div>
            </s_rplist>

            <s_local>
                <div id="localog" class="nonEntry">
                    <h3>지역로그</h3>
                    <s_local_spot_rep>
                        <div class="spot" style="margin-left: px">
                           
                        </div>
                    </s_local_spot_rep>
                    <s_local_info_rep>
                        <div class="info" style="margin-left: px">
                            <a href=""></a>
                        </div>
                    </s_local_info_rep>
                </div>
            </s_local>

            <s_tag>
                <div id="taglog" class="nonEntry">
                    <h3>태그</h3>
                    <ul>
                        <s_tag_rep>
                            <li>
                                <a href="" class=""></a>
                            </li>
                        </s_tag_rep>
                    </ul>
                </div>
            </s_tag>

            <s_guest>
                <div id="guestbook" class="nonEntry">
                    <h3>방명록</h3>
                    <s_guest_input_form>
                        <div id="guestWrite">
                            <s_guest_member>
                                <s_guest_form>
                                    <p>
                                        <input type="text" name="" value="" />
                                        <label for="name"> : 이름 </label>
                                    </p>
                                    <p>
                                        <input type="password" maxlength="8" name="" value="" />
                                        <label for="password"> : 패스워드 </label>
                                    </p>
                                    <p>
                                        <input type="text" name="" value="" class="homepage" />
                                        <label for="homepage"> : 홈페이지 </label>
                                    </p>
                                </s_guest_form>
                            </s_guest_member>
                            <p>
                                <textarea name="" cols="50" rows="6"> </textarea>
                            </p>
                            <p>
                                <input type="submit" value="안부 남기기" onclick="" class="submit" />
                            </p>
                        </div><!-- guestWrite close -->
                    </s_guest_input_form>

                    <s_guest_container>
                        <div id="guestList">
                            <ol>
                                <s_guest_rep>
                                    <li id="">
                                        <div class="">
                                            <span class="name"></span>
                                            <span class="date"> </span>
                                            <span class="control">
                                                <a href="#" onclick="" class="modify">&nbsp;<span>수정/삭제</span></a>
                                                <a href="#" onclick="" class="write">&nbsp;<span>댓글쓰기</span></a>
                                            </span>
                                            <p></p>
                                        </div>
                                        <s_guest_reply_container>
                                            <ul>
                                                <s_guest_reply_rep>
                                                    <li id="">
                                                        <div class="">
                                                            <span class="name"></span>
                                                            <span class="date"> </span>
                                                            <span class="control">
                                                                <a href="#" onclick="" class="modify">&nbsp;<span>수정/삭제</span></a>
                                                            </span>
                                                            <p></p>
                                                        </div>
                                                    </li>
                                                </s_guest_reply_rep>
                                            </ul>
                                        </s_guest_reply_container>
                                    </li>
                                </s_guest_rep>
                            </ol>
                        </div><!-- guestList close -->
                    </s_guest_container>
                </div><!-- guestbook close -->
            </s_guest>

            <s_notice_rep>
                <div class="entryNotice">
                    <div class="titleWrap">
                        <h2><a href=""></a></h2>
                        <span class="category">공지사항</span><span  class="date"></span>
                    </div>   
                    <div class="article">
                       
                    </div>
                </div>
            </s_notice_rep>
           
            <s_article_protected>
                <div class="entryProtected">
                    <div class="titleWrap">
                        <h2><a href=""></a></h2>
                        <span class="date"></span>
                    </div>
                    <p class="text">보호되어 있는 글입니다. <br />
                    내용을 보시려면 비밀번호를 입력하세요.</p>
                    <p><label for="">비밀번호 ::</label>
                    <input id="" name="" type="password" maxlength="16" onkeydown="if (event.keyCode == 13) " />
                    <input type="button" class="submit" value="확인" onclick="" />
                    </p>
                </div>
            </s_article_protected>

            <s_article_rep>
                <div class="entry">
                    <div class="titleWrap">
                        <h2><a href=""></a></h2>
                        <span class="category"><a href=""></a> </span>
                        <span class="date"></span>
                        <s_ad_div>
                            <div class="admin">
                                <a href="">수정</a> :
                                <a href="#" onclick="">수정(창으로)</a> |
                                ()→<a href="#" onclick=""></a> |
                                <a href="#" onclick="">관련글(트랙백)</a> |
                                <a href="#" onclick="">삭제</a>
                            </div>
                        </s_ad_div>
                    </div><!-- titleWrap close -->
사용자 삽입 이미지

다섯가지 형태의 이야기 처럼, 본문 상단에 넣으시려면 이곳에 소스를 넣으시면 됩니다.
물론. 가운데 윈쪽 오른 쪽 하고 싶으시념 Center, left, right 를 이용해서 하시면 됩니다.
                    <div class="article">
                       
                    </div>
                    <div class="author">
                        <span class="text">Posted by </span>
                    </div>
                    <s_tag_label>

사용자 삽입 이미지
본문하단에 넣고 싶으시면 이렇게 하시면 됩니다, 여기도 정렬을 하고 싶은 경우 Center,Right,Left를 사용하시면 됩니다.
                        <div class="tagTrail">
                            <span class="tagText">TAG </span>
                        </div>
                    </s_tag_label>

                    <div class="actionTrail">
                            <a href="#tb" onclick=""><s_tb_count>트랙백 <span class="cnt"></span>개</s_tb_count></a>,
                            <a href="#rp" onclick=""><s_rp_count>댓글 <span class="cnt"></span>개가 달렸습니다</s_rp_count></a>
                    </div>
                   
                    <s_tb>
                        <div class="trackback">
                            <h3>트랙백 주소 :: </h3>
                            <s_tb_container>
                                <ol>
                                    <s_tb_rep>
                                        <li id="">
                                            <h4>Subject: <a href="" onclick="window.open(this.href); return false" rel="external nofollow"></a></h4>
                                            <span class="from">Tracked from <span class="name"></span></span>
                                            <span class="date"></span>
                                            <a href="#" onclick="; return false" class="delete">&nbsp;<span>삭제</span></a>
                                            <p></p>
                                        </li>
                                    </s_tb_rep>
                                </ol>
                            </s_tb_container>
                        </div><!-- trackback close -->
                    </s_tb>

                    <s_rp>
                        <div class="comment">
                            <h3>댓글을 달아 주세요 </h3>
                            <div class="commentList">
                                <s_rp_container>
                                    <ol>
                                        <s_rp_rep>
                                            <li id="">
                                                <div class="">
                                                    <span class="name"></span>
                                                    <span class="date"> </span>
                                                    <span class="control">
                                                        <a href="" class="address">&nbsp;<span>댓글주소</span></a>
                                                        <a href="#" onclick="" class="modify">&nbsp;<span>수정/삭제</span></a>
                                                        <a href="#" onclick="" class="write">&nbsp;<span>댓글쓰기</span></a>
                                                    </span>
                                                    <p></p>
                                                </div>
                                                <s_rp2_container>
                                                    <ul>
                                                        <s_rp2_rep>
                                                            <li id="">
                                                                <div class="">
                                                                    <span class="name"></span>
                                                                    <span class="date"> </span>
                                                                    <span class="control">
                                                                        <a href="" class="address">&nbsp;<span>댓글주소</span></a>
                                                                        <a href="#" onclick="" class="modify">&nbsp;<span>수정/삭제</span></a>
                                                                    </span>
                                                                    <p></p>
                                                                </div>
                                                            </li>
                                                        </s_rp2_rep>
                                                    </ul>
                                                </s_rp2_container>
                                            </li>
                                        </s_rp_rep>
                                    </ol>
                                </s_rp_container>
                            </div><!-- commentList close -->

                            <s_rp_input_form>
                                <div class="commentWrite">
                                    <s_rp_member>
                                        <s_rp_guest>
                                            <p>
                                                <input type="text" name="" value="" />
                                                <label for="name"> : 이름 </label>
                                            </p>
                                            <p>
                                                <input type="password" maxlength="8" name="" value="" />
                                                <label for="password"> : 패스워드 </label>
                                            </p>
                                            <p>
                                                <input type="text" class="homepage" name="" value=""/>
                                                <label for="homepage"> : 홈페이지 </label>
                                            </p>
                                        </s_rp_guest>
                                        <p class="secretWrap">
                                            <input type="checkbox" name="" class="checkbox" />
                                            <label for="secret"> 비밀글 </label>
                                        </p>
                                    </s_rp_member>
                                    <p>
                                        <textarea name="" rows="10" cols="50"></textarea>
                                    </p>
                                    <p>
                                        <input type="submit" value="댓글 달기" onclick="" class="submit" />
                                    </p>
                                </div><!-- commentWrite close -->
                            </s_rp_input_form>

                        </div><!-- comment close -->
                    </s_rp>
                </div><!-- entry close -->
            </s_article_rep>

            <s_paging>
                <div id="paging">
                    <a class="" id="prevPage">이전</a>
                    <span class="numbox">
                        <s_paging_rep>
                        <a class="num"> </a>
                        </s_paging_rep>
                    </span>
                    <a class="" id="nextPage">다음</a>
                </div>
            </s_paging>
        </div><!-- content close -->
        <hr />

        <div id="sidebar">
            <s_sidebar>
                <!-- 기본 사이드바 -->
                <s_sidebar_element>
                    <!-- 블로그 이미지 모듈 -->
                    <div id="blogImage"><img src="" alt="블로그 이미지" /></div>
                </s_sidebar_element>
               
                <s_sidebar_element>
                    <!-- 블로그 설명 모듈 -->
                    <div id="blogDesc"> <span class="userID"></span></div>
                </s_sidebar_element>
                               
                <s_sidebar_element>
                <!-- 공지사항 모듈 -->
                    <s_rct_notice>
                        <div id="notice">
                            <ul>
                                <s_rct_notice_rep>
                                    <li><a href=""></a> </li>
                                </s_rct_notice_rep>
                            </ul>
                        </div>
                    </s_rct_notice>
                </s_sidebar_element>

                <s_sidebar_element>
                <!-- 관리자 모듈 -->
                    <div id="adminMenu">
                        <ul>
                            <li class="tab_admin">
                                <a href=""><img src="./images/btn_admin.gif" alt="관리자" /></a></li>
                            <li class="tab_write">
                                <a href="/entry/post"><img src="./images/btn_write.gif" alt="글쓰기" /></a></li>
                        </ul>
                    </div>
                </s_sidebar_element>

                <s_sidebar_element>
                <!-- 검색 모듈 -->
                    <div id="searchBox">
                        <s_search>
                            <input type="text" name="" value="" onkeypress="if (event.keyCode == 13) { }"/>
                            <input value="검색" type="button" onclick="" class="submit"/>
                        </s_search>
                    </div>
                </s_sidebar_element>
               
                <s_sidebar_element>
                <!-- BGM 플레이어 -->
                       
                </s_sidebar_element>
               
                <s_sidebar_element>
                <!-- 카테고리 모듈 -->
                    <div id="category">
                        <h3>카테고리</h3>
                       
                    </div>
                </s_sidebar_element>
               
                <s_sidebar_element>

사용자 삽입 이미지
사이드바에 넣으실경우 이곳에 소스를 넣으시면 됩니다. 하지만 이곳을 다른곳이 있습니다. 만약 넣고 자 할경우
<s_sidebar_element>  </s_sidebar_element> 안에 넣으셔야만 합니다.
예제를 하나 보여드리면
<s_sidebar_element>
  <Center > 정렬  : 하고싶으실 경우만
      배너
  </center>
</s_sidebar_element>

★ 코드를 넣었는데도 사이드바에 안보이시나요?
1. 환경설정 > 스킨 > 사이바 설정 가셔서 한번 확인해보세요,
추가 가능한 모듈(스킨 기본) , 추가 가능한 플러그인 에서 확인해 보세요, 이곳에 있을수도 있습니다. 만약 여기 있으면 원하는 위치로 옮겨놓으시면 됩니다.
2.소스를 제대로 입력하셨나요? 열고 닫기를 정확히 하셨습니까?

                <!-- 태그목록 모듈 -->
                    <div id="tagbox">
                        <h3>태그목록</h3>
                        <ul>
                            <s_random_tags>
                                <li><a href="" class=""> </a></li>
                            </s_random_tags>
                        </ul>
                    </div>
                </s_sidebar_element>

                <s_sidebar_element>
                <!-- 최근 포스트 모듈 -->
                    <div id="recentPost">
                        <h3>최근에 올라온 글 </h3>
                        <ul>
                            <s_rctps_rep>
                                <li>
                                    <a href=""> .</a>
                                    <span class="cnt"></span>
                                </li>
                            </s_rctps_rep>
                        </ul>
                    </div>
                </s_sidebar_element>

                <s_sidebar_element>
                <!-- 최근 댓글 모듈 -->
                    <div id="recentComment">
                        <h3>최근에 달린 댓글</h3>
                        <ul id="recentComments">
                            <s_rctrp_rep>
                                <li>
                                    <a href="">.</a>
                                    <span class="info">
                                        <span class="name"></span>
                                        <span class="date"></span>
                                    </span>   
                                </li>
                            </s_rctrp_rep>
                        </ul>
                    </div>
                </s_sidebar_element>

                <s_sidebar_element>
                <!-- 최근 트랙백 모듈 -->
                    <div id="recentTrackback">
                        <h3>최근에 받은 트랙백</h3>
                        <ul>
                            <s_rcttb_rep>
                                <li>
                                    <a href="">.</a>
                                    <span class="info">
                                        <span class="name"></span>
                                        <span class="date"></span>
                                    </span>   
                                </li>
                            </s_rcttb_rep>
                        </ul>
                    </div>
                </s_sidebar_element>

                <s_sidebar_element>
                <!-- 최근 보관함 모듈 -->
                    <div id="archive">
                        <h3>글 보관함</h3>
                        <ul>
                            <s_archive_rep>
                                <li>
                                    <a href=""> </a>
                                    <span class="cnt">()</span>
                                </li>
                            </s_archive_rep>
                        </ul>
                    </div>
                </s_sidebar_element>
               
                <s_sidebar_element>
                <!-- 달력 모듈 -->
                    <div id="calendar">
                        <h3>달력</h3>
                       
                    </div>
                </s_sidebar_element>

                <s_sidebar_element>
                <!-- 링크 모듈 -->
                    <div id="link">
                        <h3>링크</h3>
                        <ul>
                            <s_link_rep>
                                <li>
                                    <a href="" onclick="window.open(this.href); return false"> .</a>
                                </li>
                            </s_link_rep>
                        </ul>
                    </div>
                </s_sidebar_element>

                <s_sidebar_element>
                <!-- 카운터 모듈 -->
                    <div id="counter">
                        <ul>
                            <li class="total">Total : </li>
                            <li class="today">Today : </li>
                            <li class="yesterday">Yesterday : </li>
                        </ul>
                    </div>
                </s_sidebar_element>       
            </s_sidebar>
           
            <s_sidebar>
            <!-- 배너 삽입 위치 -->
           
                <s_sidebar_element>
                <!-- 배너 모듈 - 티스토리 -->
                    <div id="adTistory">
                        <a href="http://www.tistory.com"><img src="http://tattertools.com/ko/tistoryBanner01.gif" alt="tistory" /></a>
                        <div class="tistoryJoin"><a href="http://www.tistory.com/join">티스토리 가입하기!</a></div>
                    </div>
                </s_sidebar_element>       
                               
                <s_sidebar_element>
                <!-- RSS 링크 -->
                    <div id="btnRSS">
                        <a href="" onclick="window.open(this.href); return false">
                        <img src="./images/rss.gif" alt="rss"/> </a>
                    </div>
                </s_sidebar_element>
            </s_sidebar>
        </div><!-- sidebar close -->
        <hr />

        <div id="footer">
            <div class="footMenu">
                <a href="">지역로그</a> :
                <a href="">태그</a> :
                <a href="media">미디어로그</a> :
                <a href="">방명록</a> :
                <a href="">관리자</a> :
                <a href="/entry/post">글쓰기</a>
            </div>
            <div class="copyright">
                <a href=""> </a>'s Blog is powered by <a href="http://daum.net" onclick="window.open(this.href); return false">Daum</a> &amp; <a href="http://www.tattertools.com"  onclick="window.open(this.href); return false">Tattertools</a> / Designed by <a href="http://www.tistory.com">Tistory</a>
            </div>
        </div>
    </div><!-- container close -->
</s_t3>
</body>
</html>


 

신고
크리에이티브 커먼즈 라이선스
Creative Commons License
  1. Favicon of http://naif.tistory.com BlogIcon iF 2008.03.06 16:11 신고

    제가 블로그 처음할때 이 글이 있었으면 얼마나 편했을까요;; 아직까지 스킨 수정에 애먹고 있는 1인...

    • Favicon of http://redeyesofangel.tistory.com BlogIcon EizT 2008.03.06 16:14 신고

      처음에 스킨수정하다 날려먹고 고생꽤 했다는..;; ,, 지금도 맨날 날려서- 백업한다는.. 자체 백업도 있지만 skin.html을 그대로 드래그해서 복사해놓는다는..;;

  2. asdf 2008.07.24 00:45 신고

    어라 저 책.. 저두 가지고있는데 학교에서 교양필수로 배웠었던 ㅎㅎ

    • Favicon of http://redeyesofangel.tistory.com BlogIcon Yuika eizt 2008.07.26 10:37 신고

      저는 HTML+ JAVASCRIPT(UIT SERIES)이건 학교교재-
      HTML & JAVA SCRIPT 사전 이건 예전에 공부할때 사용했다는...

▶2번째 이야기를 들어가면서서
진심으로 Five Type Story 방문해주신것을 환영하며, 지금 쓰고자 하는 글은 ,, 파워 블로그 유저가 쓰는것이 아닌, 어느 작은 블로거가 시행착고, 뻘짓을 해가면서 겪은 티스토리에 대한 정보를 마음대로 막 풀어 쓴 일종의 공략집이라고 정의 하겠습니다.
무슨 엉뚱한 소리냐, 즉 그러시면 한번 티스토리 가지고 놀기 파트 One 을 참고하시는것도 괜찮을것 같습니다. 지금 막 머리속에서 흘러나오는걸 쓰는거라, 전혀 일목요연 하지는 않습니다.
티스토리 가지고 놀기 Part 1 읽어보기

▶환영합니다.

두번째 이야기로 오신것을 환영합니다. 지금 이 포스튼 앞에 장을 읽으셨다고 가정한다음 쓰겠습니다.. 그렇다고 꼭 읽어야 되는거야? ...엄밀히 말하면 읽을 필요는 없습니다. 왜냐 앞에 봤자.. 이거 모야 시시하잖아. 이럴수도 있기 때문입니다. 아닐수 있고, 즉 앞에서는 어떤 내용이였나면,, 간단히 보니까 사이드바를 이용해서 태그 집어넣기 였습니다..
그런데 이건 한계가 있습니다. 소스가 왕창 많아지면 안들어갈수도 있기 때문입니다(실험은 안해봤음.. 저같은 경우 간단한 소스는 그걸로 집어 넣는데.. 긴거는 그냥 직접 넣는다는)

즉 이말은 이번 파트에서는 직접 수정하는것을 설명 합니다.

아.. 그런데 생각해보니까.. 만약 한번이라도 들어가보셨다면,, 복잡합니다. 만약 한번이라도 HTML에 관심이 있었다. 그러면 문제는 안되지요..

흠,... 아무래도 HTML을 간단히 집고 가야될것 같습니다.. 물론 .. 여기서 말하는 수준은 그냥 메모장으로 완전 HTML을 안보고 프레임 나눠지고,, 막 등등 그런 난이도가 아니라, 그냥 이건 모다 그런식입니다.

▶Phase 3. 꾸미기 복잡한거 시작 - Part 1. HTML
두둥, HTML 큰제목 -1 ,, 흠.. 간략히 적는다고 하지만, 이번 포스트는 HTML에 대해 간단히 소개하는걸로 끝내야 할듯합니다.. 그리고 다음 포스트에서 Skin.html 간략히 해석해보고.. 그리고 응용단계로 넘어 가보겠습니다..(해석이 필요있나.. 그냥 이건 이렇다 그런식입니다.)

간단히 HTML 이건 모냐.. 모 풀어쓰면 Hypertext Markup Language 하이퍼텍스트를 만들어주는 언어다. 이런겁니다. 모 물론 티스토리 만지는데 이런 의미는 중요하지 않습니다.
아 여기서 하이퍼 텍스트.. 는 대략 뜻이 링크를 가진 문서를 의미라고 설명 할수 있습니다..

다음이건, 네이버건 돌아다니다보면 마우스로 딸깍하고 누르면.. 페이지가 넘어갑니다. 이어주는걱 이 다리같은 역할을 하는것이 링크입니다 그런데 이 링크를 가진 문서를 만드는 언어다 이뜻이 HTML입니다. 굳이 풀어 말하자면

생각해보니까.. 그냥 HTML로 끝낸다고 했는데,, 왠지 분량이 엄청 안나올 불길한 느낌은..

그런데 왜 티스토리 수정하는데 필요하냐,, 정확히는 말씀 못들어 드리지만, 일단 그 형태를 취하고 있습니다.. 아그리고 저도 정확히 몰라서 그러는데 사이드바니 그게 HTML인지 아니면 티스토리에서만 쓰는건지 모르겠습니다. 그건 나중에 설명하고,.

제가 생각할때, 전혀 전문적 지식이 아니고 티스토리를 직접수정하기 위해 필요한 정도의 HTML에 대해서 적겠습니다

필요한거..

▶요건 이렇게 생긴거다, 구조!
일단 요게 어떻게 생겼는지 봐야죠!!! 새로운 핸드폰을 사면 문자를 빨리 쓰기 위해, 키패드에 적응하려고 자세히 보는것처럼.. 관련 없나-하핫...

일단 어딜가나 HTML을 열어보면 이런식으로 되어있습니다 ... 그러니까 크게!!

<HTML>

    <HEAD>
  
     <TITLE> </TITLE>

   </HEAD>

    <BODY>

   </BODY>

</HTML>

크게는 이렇게 생겼습니다. 인체에 비유하자면 골격? 뼈? 라고 표현하면 비슷합니다.

자자 문제하나!! 모 설명하기도 전에 왠 문제냐고요? 일단 요걸 보면 하나 알수 있는게 있습니다.. 무엇일까요?

그렇습니다 / <<이거죠!! 한마디로 HTML이건 열으면 닫아야 합니다..

즉 뜻이... <HEAD> 열고 </HEAD> 닫고, <TITLE> 열고 </TITLE> 닫고
<BODY> 열고 </BODY> 닫고,

이거 필요하냐고요? 기초입니다. 관심있건 말건 소스를 직접 수정하려면 정말 필요합니다. 특히 사이드바 수정할때 그때 잘열고 닫아주어야 하거든요, 잘못 열고 닫으면

SHIT ! 되는 겁니다.. 모

그냥 중요한건 아니고 요건 이건이렇구나 소개나 해보겠습니다.
<HTML>
 요거, 는 일딴,모랄까.,, 비유해보겠습니다. 고등학교나 중학교떄 교복에 이름표를 달고 다닙니다.. 물론 떄고 다니는 경우도 있지만,, 선생님들은 별로 안좋아 하시던것 같은데..
즉 이 뜻은 나 이런 사람이야 이거하고 비슷합니다. 즉 홍길동이 이름표를 달고 있으면 길거리를 지나가는 사람도 그 사람을 보고 관심은 없지만 물론, 이사람이 홍길동이구나 알수 있습니다.

즉 이건 나 HTML이야 , 딱  표현 하는겁니다.

   <HEAD>
   헤드 ,, 이걸 어떻게 설명해야 되나,, 그래요 머리입니다. 비유하자면, 어떤 사람이 있다고 칩시다, 만약 그사람이 어떤 성향이냐, 몬가 이상한가, 일종의 개요, 속성?? 라고 하면 될것 같습니다. 어떻게 설명해야 하나, 일단 패스,,
 
    <TITLE> </TITLE> 타이틀 요건 쉽습니다.. 위에 모라고 쓰여있찌요? 어디냐면 인터넷 익스플로어 맨위 파란줄 거기 보시면 FIVE TYPE STORY 써있죠, 한마디로 타이틀 태그는 위에 나타내는 겁니다. 이건 굳이 비유 안하겠습니다.

  </HEAD>

   <BODY> 바디,몸통입니다, 일종의 본문입니다. 들어갈건 사실상 여기에 다 들어갑니다.!

  </BODY>

</HTML>

일단 요기까지 이해하셨다면, 소스 수정하는데 기본지식 하나는 완성되었다고 보시면 됩니다. 자 그러면 다음 포스트 티스토리 가지고 놀기 Part 3에서는 전체 소스를 보면서 해보도록 하겠습니다. !!

신고
크리에이티브 커먼즈 라이선스
Creative Commons License
  1. Favicon of http://pocketbaby.tistory.com BlogIcon 포켓애기 2008.03.06 10:24 신고

    ㅎㅎ 티스토리에 꼭 필요한 HTML 사용하기에 관해 자세히 올려주셨네요~~ ㅎㅎ
    잘 읽고 갑니다~ ^^

    • Favicon of http://redeyesofangel.tistory.com BlogIcon EizT 2008.03.06 14:30 신고

      또 오셧네요!! ㅎㅎㅎ 반갑습니다.!

Five Type Story ! 오신것을 환영합니다.

▶들어가면서
일단 이글을 보시고 계시다면, 이글은, 애드센스, 애드클릭스를 블로그 안에 적당한 위치에 넣으려 하거나, 아니면 블로그라는 걸 오늘 처음, 또는 다른 블로그에서 티스토리 초대장을 받고 이사온 분에게 딱 맞을수도 있을만한 내용이 쓰여집니다.

▶환영합니다.
Five Type Story에 오신것을 일단은 환영합니다, 지금 어느것을 찾고 계신지 모르겠지만, 만약 위와 같은 목적으로 들어오셨다면, 이 글을 통해서 어느정도의 지식을 얻을 수 있습니다.
   일단은 티스토리 파워유저도 아니고, 완벽한 기술같은것은 알지 못하지만, 제가 블로그를 이사오고서 티스토리에서 적응하면서 겪었떤 시행착오를 안겪을수 있을정도로 글을 진행하도록 하겠습니다.

▶Phase 1. Tistory
티스토리를 찬양하는것은 아니지만, 제가 겪은 것은, 제가 썻던 네이버, 야후에 비하여 자유도가 높다는 것입니다. 물론, 장단점은 있습니다. 일단은 비교대상을 네이버로 잡아보겠습니다. 단 비교시점은 제가 티스토리로 이사온 시점입니다. 즉 지금의 네이버 블로그와는 다를수도 있습니다. 그뜻은 네이버가 더욱더 좋아졌다면 해당이 안될수도 있다는 뜻입니다.

▶좋은점
티스토리에 처음오게된 이유? 용량이니, 모니,, 등등 , 자유도 등등, 일단 저는 밖에 광고를 보고 왔습니다. 아마 지하철에 있던거는 기억은 안나지만,
무엇보다도,, 별짓을 다할수 있다에 두고 싶습니다. 즉 자유도.. 아 그런데 이게 문제점이 하나 있죠,, 단점일수도 있지만,

▶안좋아..
다른 분들이 공감을 안하실수도 있습니다. 물론 익숙한 사용자라면,
일단 요 티스토리,. 친절하지가 않습니다. 즉 네이버 리모콘인가 그런거  있던걸로 기억합니다. 블로그 하나 뚝딱 만들죠
그런데 이거 초대장 만들어서 만드니까.. 이건 모니.. 수정은 할수 있습니다..
설정가면 사이드바는 있죠,, 플러그인 추가하면, 더늘어나고 막 그러지만. 아 만약 ... 제가 잘못생각한것 같기도 한데,, 그냥,, 사이드바 설정가서 수정해서 쓰실꺼면은 특별히 불편한거는 없을것 같습니다..........아 앞에서 안말했는데... 이거 좋은점.. 백업기능..
자주 애용하는, 직접 수정 많이 하는 편인데. - 잘못하면 완전 아작나버려서, 그때 백업기능 쓰면 편합니다... 물론 한번에 10MB 업로드니 걸리지만 제 블로그 잘보면 Apmsetup, 또는 webshare 인가 이걸로 극복 할수 있습니다. 그리고 만약 HTML을 조금이라도 만져보면 수정하시기는 그다지 문제는 없습니다. 복잡해서 그러지... 아 그런데 전혀 모르면 문제가 심합니다.. 모가 몬지 모르기 때문입니다.. 이렇게 막 말하다보면 티스토리 나쁜거 계속 나오겠군요.. 그냥 끝내겠습니다.

▶Phase 2. 꾸미기
일단 보기도 좋은 떡이 먹기도 좋다고, 아무리 좋은 블로그라도 사람마다 기준은 다르겠지만 별로 안예쁘면 재미는 없겠지요? 사람마다 취향입니다. 이건 여기서 특별히 설명 안하겠습니다..
간단히 하면, 스킨고르고, 사이드바 설정가서 넣고 싶은 메뉴 넣고 하면, 기본적인 블로그는 완성입니다. 참고로 플러그인도 있습니다.. 플러그인을 넣다보면 사이드바에 넣을것도 많겠죠??

▶플러그인 말고, 다른 블로거 분들에 있는 예쁜 시계, 날씨 등등 넣고 싶다. 그런데 사이드바에서 못 넣겠다.
처음에 블로그를 시작한다음, 다른 분들 돌아다니다 보니,, 멋찐것들을 많이 넣으셨습니다. 나도 해봐야지.. 그런데 어떻게 하는거지... 일단 제가 그때 한것이 그분들이 공개해논 소스나, 어디에 넣어야 할지 몰랐습니다.
방법은 2가지 입니다. 싸이드바를 통해서 넣거나 직접 넣어버리는 방법입니다.
먼저 쉬운방법부터 하겠습니다.

▶쉬운방법
만약 넣고 싶은 소스가 길지 않을때,, 즉 한줄짜리들 그런거 있습니다. 예를 들어.. Hanrss 가면,, 링크 소스 생성 시켜주는데 아마 그게 한줄 짜리 일껍니다.. MIxsh도 한줄짜리 였던것 같고,, 아마도 사이드 바에서 직접 넣을수 있습니다.

어떻게 넣냐.. 그림이 필요할 때입니다.. 일단 설정 사이바 설정에 들어갔다고 그림을 넣겠습니다. 엄청 강력한 녀석이 있습니다.
사용자 삽입 이미지

태그 입력기인데 이걸 사이드바에 끌어놓으신다음 HTML코드 요기에
소스를 넣고 전송 누르시면 완성됩니다..
사용자 삽입 이미지


만약 난 추가 가능 플러그인에 그게 없다.. ! 안보인다 그러면 플러그인으플러그인 쪽으로 가십니다. 그런다음 태그 입력기라는 것이 있습니다
사용자 삽입 이미지

사용 누르시면, 사용중으로 딱 변합니다. 그러면 태그입력기가 생성이
됩니다. 그리고서 넣으시면 됩니다.
그런식으로 사이드바 설정 가셔서 태그를 삽입하시면, 플러그인에도 없는 것을 넣을수 있다. 입니다.
▶복잡한 방법
어렵지는 않습니다. 단 눈이 복잡해서 약간 짜증이 날수도 있는 방법,, 이건 스킨 직접수정을 해야되니 일단 여기서 종료하고  다음 페이지에서 이어서 해야될것 같습니다. 일단 이게 어떤구조이지만 알면 쉬울것 같기 때문입니다.

물론 정석은 아닙니다,, 저도 막 떠돌아 다니면서 배운거라서 일단 제가 알고 잇는데로 풀어 쓰도록 하겠습니다.
신고
크리에이티브 커먼즈 라이선스
Creative Commons License
1

+ Recent posts

티스토리 툴바