태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.

티스토리 툴바




http://minsangk.com/91 님 블로그에서 보고 추가 작성해보았습니다.

저 처럼 초보에게는 보충 설명이 필요해서 작성들어갑니당~^^

적용과정 요약
Ⅰ. 관련 파일을 다운하여 티스토리 관리자에서 업로드 시킵니다.
Ⅱ. HTML/CSS 편집에서 보호글 부분과 포스팅 본문 부분과 두군데를 수정시킵니다. 
Ⅲ. 적용 확인

이제 시작하겠습니다.
우선 아래 파일을 다운받으세요.



파일 압축을 풀면



세가지 파일이 나타납니다.

적용할 티스토리 관리자 >스킨> HTML/CSS 편집 > 파일업로드로 가셔서



viewTitle.js

viewTitle.swf


위 2개 파일을 업로드 버튼을 눌러서 업로드 시킵니다.

그런후

다운 받으신 3개 파일중에서 script.txt 파일을 열어 코드를 복사하세요.
복사할 코드는 아래와 같습니다.

 <script language="javascript"  src="./images/viewTitle.js" type="text/javascript">
</script>
<script language="javascript">
showTitle("./images/", "viewTitle.swf", 600, 30, "", "", "center", "0x00000");
</script>


티스토리 관리자 어드민 HTML/CSS 편집 탭을 눌러서 자판의 Ctrl+F을 누릅니다.

article_rep_title을 찾습니다.

아래의  캡쳐 내용 처럼 보호된 글 부분 이라는 곳에 article_rep_title 문단 이후로 복사한 내용을 붙여넣기 합니다.


 
그리고 찾은 문장 앞뒤로 <!-- -->를 꼭 해줍니다.


그리고 Ctrl+F로 article_rep_title을 또 찾습니다.
포스트의 본문 시작 이라는 곳에 article_rep_title 문단 이후로 복사한 내용을 붙여 넣기 합니다.




위에 마찬가지로 찾은 문장 앞뒤로 <!--  -->를 꼭 해주세요.
<!--  -->를 해주는 이유는 기존 제목 나오는것을 보여지지 않게 하는 것이지요.


그러면 완성! 됩니다.





추가 Tip_플래쉬 제목 옵션

 <script language="javascript"  src="./images/viewTitle.js" type="text/javascript">
</script>
<script language="javascript">
showTitle("./images/", "viewTitle.swf", 600, 30, "", "", "center", "0x00000");
</script>

center는 제목의 위치이므로 left, right로 위치를 조정할 수 있으며
0x00000는 제목의 색상이므로 마음에 드는 색상코드(16진수 색상표기)로 적용할 수 있습니다.
600 가로 플래쉬 타이틀 크기(가로) 조정 가능합니다.
30 세로 플래쉬 타이틀 크기(세로) 조정 가능합니다.
저작자 표시 비영리 변경 금지

Trackback

Trackback Address :: http://iamboys.tistory.com/trackback/92 관련글 쓰기

  1. Subject : 티스토리 블로그 꾸미기 모음집입니다. ▶ 무려 10가지의 블로그 팁

    Tracked from 세상을 지배하다 2009/06/15 06:36 del.

    설치형 블로그인 티스토리를 시작한지도 벌써 3주가 다 됐네요. 하루하루 지나면서 가장 큰 고민은 바로 '블로그를 어떻게 하면 이쁘게 꾸밀 수 있을까?' 였습니다. 우측 사진에서 보여지는 지하철의 간지청년처럼 멋지게 블로그를 꾸미고 싶었고 하나하나 조금씩 바꿔나가면서 재미를 많이 느꼈답니다. 그래서 저와 같은 생각에 공감을 하시는 초보 블로거분들을 위해 준비했습니다. 저도 많이 따라해보고 또, 응용도 해보면서 도움을 많이 받았던 포스트들을 모아봤습니다..

Comments

  1. Favicon of http://bybini.tistory.com BlogIcon 비니쓴법사 2009/06/30 14:24

    잘 보고 갑니다. ^^ㅋ
    적용 했는데 너무 이쁘네욤. 맘에 듭니다.

    좋은 하루 되세요!! ^^

    perm. |  mod/del. |  reply.
  2. Favicon of http://iamboys.tistory.com BlogIcon 때롱스 2009/06/30 22:13

    저는 댓글이 맘에 드는데요.ㅎㅎ
    좋은 밤 되세요~

    perm. |  mod/del. |  reply.
  3. Favicon of http://ozen.tistory.com BlogIcon OZEn 2009/07/14 16:36

    쉽게 설명해 주셔서 잘 배우고 갑니다^^

    perm. |  mod/del. |  reply.
  4. Favicon of http://storyplus.tistory.com BlogIcon 세리수 2009/09/10 10:56

    나는 3시간을 지랄했는데...
    못하것다~~

    perm. |  mod/del. |  reply.
  5. Favicon of http://triffids.tistory.com BlogIcon triffids 2009/09/11 07:50

    마음에 듭니다 ^^

    설명도 잘 해두었군요

    쉽게 해결했습니다.. 감사합니다.

    perm. |  mod/del. |  reply.
    • Favicon of http://iamboys.tistory.com BlogIcon 때롱스 2010/03/17 15:01

      마음에 든다고 하시니 잘썼다는 성취욕이 생기네요~

  6. Favicon of http://kyousblog.tistory.com BlogIcon Kyou_ 2009/11/14 18:14

    음..저는 왜 안될까요. 비스타라서 그런가..

    제목이 완전 사라져서 복구하는데 애 먹었네요..

    perm. |  mod/del. |  reply.
    • Favicon of http://iamboys.tistory.com BlogIcon 때롱스 2009/11/15 12:48

      비스타 라서 안되지 않을텐데요.
      제가 비스타 사용을 안해봐서 머라 말씀드릴수 없네요;;;

  7. Favicon of http://blue2u.tistory.com BlogIcon blue2u 2010/02/18 15:18

    음.. 저같은경우는 반대인데여 지금 물결플래시가 적용이 되어잇는데 이걸 어떻게 해제할수잇나여..ㅠㅠㅠ?

    perm. |  mod/del. |  reply.
    • Favicon of http://iamboys.tistory.com BlogIcon 때롱스 2010/02/19 14:47

      해제 하는 경우는... 저도 안해보았지만 위 과정을 거꾸로(?) 하면 되지 않을까요?

  8. Favicon of http://likecake.tistory.com BlogIcon 라이크케이커 2010/03/14 21:38

    보호글부분
    본문부분

    불확실한 위치입니다.
    정확한위치를 가르쳐주세요.

    말이 이상합니다.

    보호글부분 이라는곳에 ~~문단 이후에 붙여넣기해라.
    당췌 이해할수 없다. 보호글부분은 없을뿐더라
    보호글부분에 붙여넣기하라는건지 문단이후에 붙여넣기하라는건지 알수가없다.

    명확하게 설명해달라.

    붙여넣기한 예를 캡쳐해서 보여달라.

    perm. |  mod/del. |  reply.
  9. Favicon of http://sonnets.tistory.com BlogIcon 『Sonnet』 2010/04/11 15:13

    스크랩 해가겠습니다. 삭제원하시면 어떤방식으로든 연락주시면 확인즉시 내리겠습니다.
    좋은정보 감사드립니다.

    perm. |  mod/del. |  reply.
  10. Favicon of http://minoblog.wo.tc BlogIcon ☆미노☆ 2010/04/24 16:41

    솔직히 처음에는 헷갈려서 헤맸지만,
    결국 찾았네요

    감사합니다 ^^.;

    perm. |  mod/del. |  reply.
    • Favicon of http://iamboys.tistory.com BlogIcon 때롱스 2010/06/03 21:08

      찾으셔서 저도 유쾌합니다~

      굿 포스팅 하세요~~^^

  11. Favicon of http://nabul2.tistory.com BlogIcon 깡통우탄 2010/05/30 01:33

    쉽게 설명해 주셔서 바로 설정했습니다. ^^ 잘봤습니다~

    perm. |  mod/del. |  reply.
  12. Favicon of http://windir.tistory.com BlogIcon jkdh 2010/06/24 23:49

    저는 포스트의 본문 시작 이라는 내용이 없어서 두번째 스크립트를 어디다 복사해야할지 모르겠어요 ㅠㅠ

    그리구 수정하고나서 제목도 안보이고 스킨이 엉망이 되었는데 복구는 어떻게 하나요? ㅜㅜ

    perm. |  mod/del. |  reply.
  13. Favicon of http://iamboys.tistory.com BlogIcon 때롱스 2010/06/25 09:33

    cltl+f 하셔서 article_rep_title 를 찾으세요

    <--포스트의 본문 시작--> 이후로 article_rep_title 문장 이후로 스크립트 붙여넣기 하시면

    됩니다.^^

    perm. |  mod/del. |  reply.
  14. Favicon of http://synnara.tistory.com BlogIcon Edit 2010/07/13 00:36

    그림엔 <!-- --!> 이렇게 나와있어서 애먹었는데
    <!-- --> 이렇게 하니까 예쁘게 잘되네요^^
    덕분에 도움되었습니다, 감사해요!

    perm. |  mod/del. |  reply.
    • Favicon of http://iamboys.tistory.com BlogIcon 때롱스 2010/07/13 08:55

      아 그러네요.

      그림에는 ! 가 들어갔네여...
      혼란스러우셨죠?

  15. Favicon of http://smcapital.tistory.com BlogIcon 대출연구소 2010/07/14 20:38

    좋은 자료 감사합니다. 근데 이거 한번 적용해 놓으면 제목에 계속 적용 되는거져? 그리고 스크랩은 어떻게 해가는건지요 ^^ 해가도 된다면 저도 해가고싶네여.

    perm. |  mod/del. |  reply.
    • Favicon of http://iamboys.tistory.com BlogIcon 때롱스 2010/07/14 23:27

      한번 적용하면 쭉~ 적용됩니다.

      스크립트 설정 위에 내용 보시고 적용하시면 됩니다.^^

  16. Favicon of http://wowongsh.tistory.com BlogIcon 옹싱히 2010/07/16 21:25

    이쁘게 잘됬어요~ ^^

    그림에는 <!-- --!> 이렇게 되어있어서 안됬는데
    덧글 보니까 <!-- --> 이걸로 하니까 된다고 해서 했는데 잘 됬네요ㅋㅋ
    그림은 왜 느낌표가 다 들어가 있는건가요..?ㅎ;

    아무튼 감사합니다 ^.^

    perm. |  mod/del. |  reply.
  17. Favicon of http://pearl0026.tistory.com BlogIcon Pearl, 2010/08/13 20:00

    성공했어요~! 감사합니다^^

    perm. |  mod/del. |  reply.
  18. Favicon of http://magnolib.tistory.com BlogIcon magnoliB 2011/04/08 01:21

    와!!! 정말 설명 잘해놓으셨네요!

    이거 바꾸기 전에 블로그타이틀 폰트 바꾸는 걸로 몇시간이나 씨름했는데
    그와 달리 이건 단번에 성공했어요

    감사합니다!!!

    perm. |  mod/del. |  reply.

What's on your mind?

댓글 입력 폼