태터데스크 관리자

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

태터데스크 메시지

저장하였습니다.



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, "[##_article_rep_title_##]", "[##_article_rep_link_##]", "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, "[##_article_rep_title_##]", "[##_article_rep_link_##]", "center", "0x00000");
</script>

center는 제목의 위치이므로 left, right로 위치를 조정할 수 있으며
0x00000는 제목의 색상이므로 마음에 드는 색상코드(16진수 색상표기)로 적용할 수 있습니다.
600 가로 플래쉬 타이틀 크기(가로) 조정 가능합니다.
30 세로 플래쉬 타이틀 크기(세로) 조정 가능합니다.
2013 세계,기회와 도전
KOTRA 저
건축학개론 기억의 공간
구승회 저
내가 보고 싶었던 세계
석지영 저
예스24 | 애드온2

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://skippingchristmas.tistory.com BlogIcon sunny cloud 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.
  6. Favicon of http://kyousblogskin.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://1993do0112.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://hyunzin.tistory.com BlogIcon hyunzin 2010.03.14 21:38 신고

    보호글부분
    본문부분

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

    말이 이상합니다.

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

    명확하게 설명해달라.

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

    perm. |  mod/del. |  reply.
  9. Favicon of http://backupsonnet.tistory.com BlogIcon 『Sonnet』 2010.04.11 15:13 신고

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

    perm. |  mod/del. |  reply.
  10. Favicon of http://minoost.tistory.com BlogIcon ☆미노☆ 2010.04.24 16:41 신고

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

    감사합니다 ^^.;

    perm. |  mod/del. |  reply.
  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://augusterenoir.tistory.com BlogIcon Edit 2010.07.13 00:36 신고

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

    perm. |  mod/del. |  reply.
  15. Favicon of http://jnjconsulting.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://s2lyhee.tistory.com BlogIcon S2lyhee 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?

댓글 입력 폼