티스토리 팁 (8)
  1. 2011.09.17[JavaScript] 티스토리 접속자를 2차 도메인으로 연결해주는 방법
  2. 2011.08.04티스토리에 구글 번역기(Google Translate Web Element) 설치 방법
  3. 2010.11.21[JavaScript] 티스토리 기본 단축키 및 사용자 단축키 지정 방법
[JavaScript] 티스토리 접속자를 2차 도메인으로 연결해주는 방법

티스토리 접속자를 2차 도메인으로 자동으로 페이지를 전환하는 방법

JavaScript를 이용하여 ID.Tistory.com 접속자를 2차 도메인 페이지로 접속하게 하는방법입니다.

아래 주황색의 글씨에 보이는 항목을 수정하여 사용 가능하며, <head> 와 </head> 사이에 코드를 삽입해야 합니다.

<script type="text/javascript">
<!--
//자신의 티스토리 주소 입력
var url1 = 'viewit.tistory.com';

//자신의 독립 도메인 입력
var url2 = 'viewit.kr';
var online = document.URL;

if(online.match(url1)) document.location.href = online.replace(url1,url2);

//-->
</script>

JavaScript 코드 문서 다운로드

 Comment,    Trackback
티스토리에 구글 번역기(Google Translate Web Element) 설치 방법

티스토리에 Google에서 제공하는 언어 번역기를 설치할 수 있습니다.

국내 거주 외국인 또는 외국에서 방문하는 방문객을 위한 언어 번역기를 설치해보세요.

구글 번역기(Google Translate Web Element) 설치 방법

다음의 설명을 확인하시기 바랍니다.
  • • 다음의 구글 번역기 사이트로 방문합니다. Google Translate Web Element
  • • 스텝 1: 번역 요소의 유형 - (a) 전체 웹페이지를 번역 추가 (b) 웹 페이지의 섹션으로 번역 추가
  • • 스텝 2: 언어 선택 - 웹페이지의 언어 선택. (※ 한국어로 운영중이니 'Korean'을 선택하시면 됩니다.)
  • • 스텝 3: 번역 언어와 번역 도구 모양 등을 지정하여 설정할 수 있습니다.
  • - 번역 언어(Translation languages): 모든 언어(All languages) 선택
  • - 표시 방법(Display mode): 인라인(Inline) 선택 (※ 티스토리의 사이드바에 설치하기 위함입니다.)
  • - 고급(Advanced): 'Automatically display the translation banner for the users speaking other languages than your page language (자동 페이지 언어 이외의 언어를 사용하는 사용자를위한 번역 배너를 표시)' 항목에 체크합니다. (※ 그외 항목은 선택하지 않아도 됩니다.)
  • • 스텝 4: 번역기 코드 복사와 티스토리의 스킨에 적용하여야 합니다.
  • - 티스토리의 관리자 페이지 > 스킨 > 'HTML/CSS 편집' 페이지로 이동합니다.
  • 번역기 도구를 설치할 적당한 위치를 지정하여 코드를 삽입합니다.

<s_sidebar_element>
<!-- Google 번역기 -->
<div id="google_translate_element"></div>
<script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'ko'
}, 'google_translate_element');
}
</script>
<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
</s_sidebar_element>

※ 스킨(skin.html)의 사이드바 위치:
<s_sidebar_element>
블로그 이미지, 카테고리 등의 각종 사이드바 모듈
</s_sidebar_element>

HTML 코드 문서 다운로드

구글 번역기를 사이드바에 설치 방법
  • • 스킨(skin.html)에 코드를 적용하고 다시 스킨 > 사이드바 설정으로 이동합니다.
  • • 사이드바의 기본 모듈에서 Google 번역기를 선택하고 '사이드바 꾸미기'로 추가하고 적용하면 됩니다.
  • • Viewit 블로그에 현재 적용된 화면입니다.

 Comment,    Trackback
[JavaScript] 티스토리 기본 단축키 및 사용자 단축키 지정 방법

티스토리(Tistory) 기본 단축키 설명

티스토리 기본 단축키 - 본문 및 메인 화면

티스토리 기본 단축키
단축키 사용 기능
Q 관리자 페이지
A 이전글 보기
S 다음글 보기
Z 사이드바 최신 글로 이동
X 사이드바 최신 댓글로 이동
C 사이드바 최신 트랙백으로 이동

티스토리 기본 단축키 - 글쓰기 화면 (에디터)

티스토리 기본 단축키
단축키 사용 기능 단축키 사용 기능
Ctrl + B 굵게 Ctrl + U 밑줄
Ctrl + i 기울임 Ctrl + D 취소선
Ctrl + ,
Ctrl + /
좌측 정렬
우측 정렬
Ctrl + . 중앙 정렬
Ctrl + Alt + O 번호매기기 Ctrl + Alt + U 글머리기호
Tab 들여쓰기 Shift + Tab 내여쓰기
Ctrl + Z 실행취소 Ctrl + Y 다시실행
Ctrl + K 링크 Ctrl + Q 인용
Ctrl + Alt + X 효과 제거 Ctrl + M 넓게쓰기
Ctrl + S 임시저장 Ctrl + ~ 하단 탭 이동

사용자 임의의 단축키 사용 방법

JavaScript를 이용하여 사용자 임의 지정 가능한 단축키를 지정할 수 있습니다.

다음과 같이 <body> 와 </body> 사이에 작성해야 하며, 빨간색으로 표기된 내용을 수정해서 사용할 수 있습니다.

하단의 <viewIT_Javascript_티스토리_사용자_지정_단축키.txt> 파일을 다운로드해 수정해서 사용하면 됩니다.

<script type="text/javascript">
<!--

var key = new Array();

/** 단축키 정의 - http://viewit.kr **/
key['n'] = "/admin/entry/post";
key['h'] = "/";
key['l'] = "/location";
key['t'] = "/tag";
key['m'] = "/media";
key['g'] = "/guestbook";

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>


 Comment,    Trackback