'<'에 해당되는 글 1건

  1. 2009/01/13 < 물결 플래시 > 티스토리 적용법 (415)
HelloWorld 2009/01/13 16:41 by 민상k
미루고 미루다 이제야 올립니다.
이 녀석 덕에 자주자주 뿌듯해 하면서도 머리 속에서만 구르고 있는 다른 녀석들에게 우선 순위가 자꾸 밀렸네요.
기존 텍큐 적용법과 크게 다른 점은 없습니다만,
많은 수의 티스토리 유저 분들이 HTML 태그에 경기를 일으키신다는 이야기를 듣고 스샷 좀 찍어봤습니다.
잡설이 길죠?
들어갑니다.


1. 위젯 다운로드 / 압축 해제 / 스크립트 복사


스크립트를 제외하곤 기존 파일과 모두 동일합니다.
티스토리는 주소 바뀔 일이 없어 아예 따로 파일을 떼 놔 넣어버렸습니다.
사용자 삽입 이미지
압축을 해제하면 요렇게 세 파일이 뜹니다.
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>

기다란 설명들 다 필요없고 요것만 복사하셔도 됩니다.
제목의 정렬을 바꾸시려면 center 를 left/right 로 수정하세요.
색상을 바꾸시려면 0x000000 을 수정하세요. (16진수 RGB 입니다)


2. 티스토리 파일 업로드

티스토리 해당 블로그에 로그인 하시면 뜨는 관리자 페이지입니다.

사용자 삽입 이미지
스킨-HTML/CSS편집 메뉴를 클릭하세요.

사용자 삽입 이미지
요런 창이 뜹니다.
안에 파일 내용은 스킨마다 다를 수 있습니다.
'파일업로드' 버튼을 클릭하세요.

사용자 삽입 이미지

눈에 익은 파일업로드 대화상자가 뜨지요?
아까 압축 풀어놓았던 파일들을 찾아 드래그한 후 열기를 클릭합니다.
잘 뒤져보면 images 폴더에 세개의 파일이 업로드 되었을 거에요. 요렇게

사용자 삽입 이미지


3. 스크립트 수정

다시 HTML/CSS 편집 탭을 클릭하고, Ctrl+F 를 누르면 검색 창이 뜹니다.
검색 창에 article_rep_title 을 입력하고 엔터를 누르면 원래의 타이틀 코드가 뜹니다.

사용자 삽입 이미지
여기서는
<h2><a href="[##_article_rep_link_##]">[##_article_rep_title_##]</a></h2>
요 녀석이로군요.
대부분 저런 비슷한 형태니까 찾기 쉬우실 거에요.

찾으신 부분을 아까 복사해 둔 스크립트로 붙여넣기 합니다.
공개/보호/비밀글 마다 따로 서식을 가지고 있는 스킨인 경우 저 작업을 여러번 반복 하셔야 합니다.
다시 Ctrl+F 하셔서 엔터를 누르다보면 나올테니 모두 수정이 됐는지 확인해보세요.

그리고 쭈욱- 내려가면 밑에 '저장' 버튼이 있습니다.
여기서 이거 안 누르시면 적용 된 게 날아가니 주의하세요.


4. 확인

사용자 삽입 이미지
예쁘게 적용이 되었네요.
적용하시는 스킨에 따라 정렬과 색상을 바꾸시면 더 이쁘겠지요.
원 글(http://minsangk.com/85) 에 댓글 달아주신 분들 블로그를 둘러보시면 멋지게 적용 된 블로그들이 많으니 참고가 되실 듯 합니다.


나름 쉽게 풀어 쓴다고 썼는데, 쉽게 글 쓰는 데는 영 자신 없어 제대로 설명이 됐는지 궁금합니다.
도움이 되시길 바래요 -.-.-


postscirpt : 스샷을 위해 아이디를 빌려 준 병렬군 감사. (사실 허락 없이 썼음 ㅋ)


09년 2월 23일 수정
 - js 파일에 오류가 있어 앰퍼샌드 이스케이프 문자 처리에 문제가 있었습니다. angle bracket 처리가 안 되는 문제 해결했습니다. 피드백 주신 푸름님 감사합니다. 기존 사용자 분들은 edited1 에 들어있는 js 파일만 기존 파일에 덮어 씌우시면 됩니다.
2009/01/13 16:41 2009/01/13 16:41

TRACKBACK URL :: http://blog.minsangk.com/trackback/91

  1. 물결 플래시 티스토리 적용법

    : HackCom's Blog 2009/01/28 17:11 삭제하기

    이곳 참고

  2. 마냥슬픔의 생각

    : eversad's me2DAY 2009/02/23 15:42 삭제하기

    능력자들 덕분에 블로그 타이틀 수정! 난 언제 이런 능력자가 되나; (내 맘대로 다른 스킨으로 바꿔보고 싶다)

  3. [블로그]티스토리에서 포스트 제목에 물결 플래쉬 적용하기

    : Development & Information Security 2009/03/28 13:32 삭제하기

    viewTitle_tistory_edited1.zip 일단 위 소스와 사용법은 민상k님의 블로그 에서 < 물결 플래시 > 티스토리 적용법 이라는 글에서 가지고 온 것이고 내가 설치한 과정을 정리해보았다. 먼저 위에 파일을 다운 받아서 압축을 풀면 아래와 같이 세개의 파일이 보일 것이다. 티스토리 관리자 화면에서 '스킨' -> 'HTML/CSS 편집' -> '파일 업로드' 탭으로 가서 viewTitle.js, viewTitle.swf 두개의 파일을 업..

  4. 블로그 본문 제목에 플래쉬 효과를 넣어보세요.

    : 한놈만팬다 2009/05/06 12:59 삭제하기

    http://minsangk.com/91 웹서핑하다가 우연히 민상K 님의 블로그에 들려서 알게된 정보 입니다. 링크 따라 가시면 스크립트 코드와 파일, 자세한 설명들이 있습니다. 그치만 코드를 수정해 주는 방법에 아리달송 한게 좀 있어 제가 설명을 드리고자 합니다. 민상K 님의 블로그 설명 글에는 Ctrl+F 를 누르면 검색 창이 뜹니다. 검색 창에 article_rep_title 을 입력하고 엔터를 누르면 원래의 타이틀 코드가 뜹니다. 찾으신 부분..

  5. 티스토리가 알려주지 않는 팁 10가지

    : Krang :: 유용한 웹정보와 닥스훈트 2009/05/15 09:55 삭제하기

    티스토리가 가르쳐 주지 않는 티스토리 이용자들의 유용한 팁과 설명글들, 그리고 프로그램까지! 모아봤습니다. 이 모든 것들을 자체적으로 지원해주면 정말 좋겠지만, 이렇게 간지러운 곳을 박박 긁어주는 이용자들과 팁이 있어서 행복하네요. :) * 도움이 되셨다면 감사의 인사는 각 블로그의 댓글에 남겨주세요. CSS / 스킨 IE6 에서 투명 png 사용하기 by 써머즈 http://bones.tistory.com/46 PNG 이미지파일 중에는 투명속성을..

  6. 블로그 제목에 &lt;물결 플래쉬&gt; 적용

    : Nemm.blog.run() 2009/05/16 18:46 삭제하기

    민상케이닷컴 의 <물결 플래쉬> 티스토리 적용법 포스트를 보고 제 블로그에도 적용해보았습니다. 위의 글 제목이 찰랑찰랑 물결치는 걸 보실 수 있습니다. 링크를 클릭해서보시면 자세한 설명 덕에 쉽게 따라하실 수 있을 듯 하네요~ 좋은 비법(^^;)을 알려주신 민상k 님께 감사드립니다 ^^

  7. 물결 타이틀 뒤늦은 동참

    : 불친절한 쿙씨의 블로그 2009/05/20 14:43 삭제하기

    하늘과 바람과 별과 시와 코드와 기타- 민상K님의 블로그에서 참조했음. 블로그로 가서 스크립트 참고하기 뒤늦은 동참이라 타이틀 색상만 바꿨음. 조만간 스킨도 바꿔야겠다. 여튼 민상K님께는 감솨~

  8. 존군이 추천하는 블로그 스킨를 예쁘게 꾸밀 수 있는 10가지 팁!

    : 피곤한 존과 더 피곤한 미스터 스미스씨 2009/05/23 11:53 삭제하기

    제가 이때까지 블로그 스킨을 변경하는데 도움이 됬었던 팁을 심심해서 모아봤습니다 (웃음) 1. 댓글 창 배경 이미지 넣기! 블로그를 이곳 저곳 다니시다 보시면 댓글 창에 이미지가 들어가 있으신 분들을 보실 수 있을 겁니다. 옆의 이미지처럼 존군도 화이트 보드 스킨을 쓸때는 이런 식으로 넣어 주고 있었습니다만. 귀찮습니다. 스킨을 요즘 자주 바꾸고 있습니다만. 바꿀때 마다 이미지의 크기를 바꿔주고 해야 하니까 귀찮네요. 잡담이 길어졌네요 ㅎㅎ styl..

  9. for my blog

    : The TwilighT {NOTE} 2009/05/25 18:24 삭제하기

    흠좀무... 몇년만에 블로그를 다시 열면서 적응하기 참 쉽지 않다는것을 새삼 깨달으며, 서비스 품질 및 안정성이 꽤나 많은 유저와 여러해에 거쳐서 검증되어 있는 Tistory 에 보금자리를 만들었습니다. (사실 2007년에 만들어놓고 방치만했......) 이와 관련하여 블로그 만드는데 도움을 받은 사이트들을 정리해보고자 합니다. 1. base스킨: MONOLOG스킨 v2.0 배포합니다 by KHISM 2. about script: 여러가지 동적인 표..

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

    : 세상을 지배하다 2009/06/05 22:03 삭제하기

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

  11. 티스토리 제목 물결 플래시 적용하기

    : 미친 사람의 말에서도 얻어들을 것이 있다 2009/06/14 22:51 삭제하기

    http://minsangk.com/91 님 블로그에서 보고 추가 작성해보았습니다. 저 처럼 초보에게는 보충 설명이 필요해서 작성들어갑니당~^^ 적용과정 요약 Ⅰ. 관련 파일을 다운하여 티스토리 관리자에서 업로드 시킵니다. Ⅱ. HTML/CSS 편집에서 보호글 부분과 포스팅 본문 부분과 두군데를 수정시킵니다. Ⅲ. 적용 확인 Ⅳ. 뿌듯해하기^^ 이제 시작하겠습니다. 우선 아래 파일을 다운받으세요. viewTitle_tistory_edited1.zip..

  12. 티스토리 제목을 물결 플래시로 바꿔보자~

    : 러브스틱과 아스트랄 세계 2009/07/05 19:07 삭제하기

    http://minsangk.com/trackback/91 이 곳에 가시면 쉽게 제목을 물결 플래시로 바꿀수 있습니다. 이런 걸 만들 줄 아시는 분이 있으니 정말 좋습니다~ 참고로 찾으신 부분을 지우고 스크립트를 넣으세요. 라는 부분이 있습니다. <h2><a href=""></a></h2> 이것인데요... 이걸 모두 지우시고 넣어주시면 됩니다. 그리고 스킨에 따라 2~3번을 반복해서 찾아 바꿔주셔야 합니다~ +_+> 행운을 빕니다~

  13. 텍스트큐브닷컴에 물결플래쉬 제목 적용하기

    : LIFE BALANCE 2009/07/17 17:59 삭제하기

    어찌어찌하다보니 제 블로그에도 물결플래쉬를 적용하게 되었습니다. 텍스트큐브닷컴이 여러가지 제약사항이 많다보니 적용이 좀 까다롭네요. 최대한 초심자에 맞춰 작성하였으니 관심있으신 분들은 차근차근 따라해 보시기 바랍니다. [※ 이미지를 클릭하면 원본 사이즈로 보실 수 있습니다.] 1. 준비물. 1) swf 파일을 올려둘 외부 계정 2) js_prototype.jpeg : 마우스 오른쪽 클릭 후 다운로드 하시기 바랍니다. 3) 물결 플래쉬 소스 ( 출처..

  14. 텍스트큐브 2x에 타이틀용 물결플래쉬 적용하는 방법을 알려주세요

    : jiny 의 잡식 하루 2009/07/17 19:43 삭제하기

    ㅡ 이 코드는 민상k님이 만드신 거라는데요.. 텍큐 2.0 베타판의 스킨에 코드를 적용하는 방법을 모르겠어요. 티스토리와 텍큐 스킨 본문(html)의 <h2><a href=""></a></h2> 부분을, 개발자 민상k님이 알려주시는...대로... <script language="javascript" src="./images/viewTitle.js" type="text/javascript"> </script> <script language="javas..

  15. 포스트 제목을 물결치게 만들어보자!

    : DamLini's Bloggg 2009/08/06 18:25 삭제하기

    지금 이 포스트의 제목을 보자!!! 제목이 물결치고 있다~ㅎㅎ 몇몇 블로그들을 들어가보면 이렇게 포스트의 제목이 물결치는 것을 볼 수 있다. 티스토리 이용 전부터 눈여겨 봐왔던 것인데 가입하자 마자 바로 검색해서 달았다!^^ 너무 예쁜 것 같다. 설치 법도 생각보다는 간단하니 관심 있으신 분들은 꼭 한 번 설치해 보시길~ 민상k 님 블로그 게시글 "< 물결 플래시 > 티스토리 적용법" 을 보면 쉽게 설치할 수 있다.

  16. 물결모양/ㅁ/

    : 찬(燦)의 비젼(Vision) 2009/08/22 23:51 삭제하기

    http://minsangk.com/trackback/91

  17. 물결플래시로 제목을 멋지게 만들어보자

    : 효자손 2009/08/23 13:57 삭제하기

    물결플래시? 가끔 정리가 잘 된 블로그를 둘러보다 보면(이 블로그는 아니지만) 블로그의 제목이 이쁘게 물결치듯 움직이는 경우가 있다. 보고있자니 참 고급스럽기도 하고 부럽기도 하고 따라하고는 싶지만 쉽게 따라할 순 없을 것 같아 포기했던 그 물결타이틀. 물결타이틀을 쓰는분의 블로그에 글을 남겨 겨우 따라해 보았는데, 방법은 보기보다 간단했다. 따라해 보세요! Step 01. 제작자이신 '민상k'님의 블로그에서 파일을 다운받는다 (http://mins..

  18. 물결프래쉬 제목이 PPT에도 통할까??

    : 완소기만™의 Luxury PowerPoint 2009/08/31 15:48 삭제하기

    제 포스트 Title은 물결프래쉬로 보여집니다. 그렇다면 파워포인트에서도 이러한 효과가 가능할까요?? 일단 정답은 된다 입니다. ^^ 플래쉬 파일을 PPT내에 삽입을 하기 위해서는 약간의 설정이 필요합니다. 먼저 Office메뉴에 들어가셔서 PowerPoint옵션을 클릭하신 후 리본메뉴에 개발도구탭 표시란에 체크해 주세요. 체크를 하게 되면 파워포인트 리본메뉴에 개발도구 탭이 표시가 됩니다. 이곳에서 여러가지 객체(Object)들을 삽입하게 됩니다...

  19. [Blog] 리뉴얼 작업 일기

    : Aftereffect 영상 e-book 2009/11/01 01:17 삭제하기

    티스토리를 사용한지 2주가 되었습니다. 기존 스킨은 작은 화면을 쓰시는 분들의 불편함을 해소하려 이틀에 걸쳐 블로그를 리뉴얼 했습니다. 스킨은 PrimeLayer(Green)를 바탕으로 꾸며보았습니다. 제로보드4 시절에 태그 만진이후로 태그를 사용할일이 없어서 어려움을 많이 겪었지만 여러 브로그를 헤메가며 완성했습니다. 그 중 Reignman 님의 블로그 꾸미기 모음집 10가지 팁(http://reignman.tistory.com/32)을 바탕으로..

  20. 블로그 본문 제목을 물결 플래시로 바꿔보세요.

    : 꿈놀이동산 2009/11/26 20:42 삭제하기

    인터넷 웹서핑을 하다가 우연히 발견한 간단한 팁입니다. 사실 팁이라 하기에 민망합니다만^^ 티스토리와 같은 설치형 블로그, 저와 같은 블로그를 갓 만든 초보시라면 이것저것 손대기도 어렵죠. 하지만 간단한 스크립트로 블로그 본문 제목을 물결 플래시로 이쁘게 꾸밀수 있습니다. 저도 꾸몄는 걸요! 자세한 정보는 민상K님의 블로그 를 참조하시면 됩니다. 다만 원래있던 소스 (<h2><a href=""></a></h2>)를 지우거나 주석처리를 해주셔야 합니다..

  21. [물결플래시] - 티스토리 블로그 제목에 적용하기

    : L´avare…。내가 원하는건, 선추천 후리플!! 2010/04/20 01:12 삭제하기

    말 그대로, 여러분의 블로그에 포스트 제목을 출렁이는 물결 모양으로 바꾸는 방법 입니다. 이것은 원래 민상님의 블로그 http://minsangk.com/ 에서 소개되어 있는 방법 입니다. 그래도 따라하기만 하면 쉬우니, 잘 따라 와 보셔요~ viewTitle_tistory_edited1.zip 일단, ▲ 요거 다운 받아서 압축을 풀어주세요 압축을 풀면 ▼요렇게 3개의 파일이 나타납니다. 관리자모드 - 스킨 - HTML/CSS 편집 - 파일업로드 경..

  22. 티스토리 숨은 활용 팁 10가지

    : 愛 think so.... 2010/05/24 20:52 삭제하기

    IE6 에서 투명 png 사용하기 by 써머즈 http://bones.tistory.com/46 PNG 이미지파일 중에는 투명속성을 가진 경우가 있습니다. 투명 PNG 파일의 경우 인터넷 익스플로러 6.0 버전에서는 제대로 인식하지 못해서 짙은 바탕으로 처리하는 문제가 있는데요. 이 문제를 해결해주는 열쇠입니다. :) 저의 추천 버튼을 이용하시는 분들은 이 글을 꼭 참고하셔서 적용하시길 바라요. 제가 미처 설명을 못 드렸네요. ㅠㅠ 포스트 타이틀을..

1 
전체 (102)
하루하루 (31)
끝나지않은멜로디 (1)
지름신강림 (6)
RockingWithMyG (6)
이야기의나락 (5)
HelloWorld (16)
요리왕비룡탑 (3)
사색휴지통 (32)
Skinny MSK (2)
_MyPage (0)
_SchedulDB (0)
응모이벤트 (0)
RSS