블로그를 꾸미는 데 있어

가장 중요하면서도 가장 힘든게 바로 글쓰는 작업이 아닐까 합니다.

아래의 팁은 포스팅을 함에 있어 조금이나마 수고를 덜어 줄 수있는

단축키를 나타낸 것입니다.

그리 크게 도움이 될 지는 모르겟으나 편한대로 사용해 보면 좋을 것 같습니다.



다음은 기존의 티스토리 단축키입니다.

A : 이전 페이지,
S : 다음 페이지,
J : 아래로 이동,
K : 위로 이동 태터툴즈 단축키
Q : 관리자 모드,
R : 리더,
T : 리더 갱신
Z : 최근 엔트리,
X : 최근 댓글,
C : 최근 트랙백


파란색은 쓸만한 단축키 입니다.


여기에 새롭게 단축키를 추가했습니다.
메인메뉴에서 관리자메뉴는 다른사람에게는 안 보여줘도 될것같아 단축키로 대체합니다.
또한 관심깊게 보던 애기(태아) 카운터도 사이드바에서 내렸습니다.

그래서 여차저차 새로추가한 단축키 입니다.

N : 새글 쓰기
: 로그인
B : Baby Counter


아래의 파란색 부분의 단축키가 추가된 부분입니다.
이런식으로 쓸만한 단축키를 계속 추가하시면 됩니다.

<script type="text/javascript">
<!--
var key = new Array();

/*********** 단축키 정의 **************/
key['n'] = "/owner/entry/post";
key['i'] = "/login";
key['b'] = "/466";
key['h'] = "/";
key['l'] = "/location";
key['t'] = "/tag";
key['m'] = "/media";
key['g'] = "/guestbook";
key['a'] = "/owner/center/dashboard";

function getKey(keyStroke) {
 if ((event.srcElement.tagName != 'INPUT') && (event.srcElement.tagName != 'TEXTAREA')){
  isNetscape=(document.layers);
  eventChooser = (isNetscape) ? keyStroke.which : event.keyCode;
  which = String.fromCharCode(eventChooser).toLowerCase();
  for (var i in key)
   if (which == i) window.location = key[i];
 }
}
document.onkeypress = getKey;
//-->
</script>




적용방법은 고대로 </head> 앞에 넣으면 되요 ^^*
다른 Javascript와 충돌날 수도 있다는데 다행히 저는 잘먹어주네요~~


mindeater.tistory.com/505 펀 글을 일부 수정했습니다.

by 김병기 2009. 10. 3. 14:58

포스트 타이틀 꾸미기 첫번째로 물결 플래시 적용법입니다.

사람들의 이목을 조금이라도 더 끌수 있다면 방문자 수를 늘리는데 많은 도움이 될 것이라 생각합니다.

차근히 읽어보시고 한번 따라해 보세요.


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

스크립트를 제외하곤 기존 파일과 모두 동일합니다.
티스토리는 주소 바뀔 일이 없어 아예 따로 파일을 떼 놔 넣어버렸습니다.
사용자 삽입 이미지

압축을 해제하면 요렇게 세 파일이 뜹니다.
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>

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





2. 티스토리 파일 업로드


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

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

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

사용자 삽입 이미지

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

사용자 삽입 이미지




3. 스크립트 수정

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

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

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

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




4. 확인


사용자 삽입 이미지
예쁘게 적용이 되었네요.
적용하시는 스킨에 따라 정렬과 색상을 바꾸시면 더 이쁘겠지요.

09년 2월 23일 수정
 - js 파일에 오류가 있어 앰퍼샌드 이스케이프 문자 처리에 문제가 있었습니다. angle bracket 처리가 안 되는 문제 해결했습니다. 기존 사용자 분들은 edited1 에 들어있는 js 파일만 기존 파일에 덮어 씌우시면 됩니다.

minsangk.com/91 글을 퍼서 수정했습니다.
by 김병기 2009. 10. 3. 14:36
| 1 |