gtranslate, 티스토리 번역기 설치 방법

지원을 종료한 구글 번역기 대신 무료로 사용 가능한 GTranslate, 티스토리에 설치하는 방법을 알아봅니다.

1. GTranslate에서 위젯 코드 만드는 방법
2. 티스토리 사이드바에 번역기 위젯 설치하기

 

 

1. GTranslate 위젯 설정하기

1) gtranslate.io에 접속 → 'FREE ＄0' 다운로드 선택하기. ▼

(그림 1) gtranslate 다운로드 선택 화면

 

2) Other HTML (Website Translator Widget) 선택 ▼

(그림 2) HTML 위젯 선택

 

3) 원하는 위젯의 형태와 번역할 언어를 선택합니다. ▼

(그림 3) 위젯 타입 선택

 

4) (그림 4) 위젯에 사용할 국기의 사이즈와 위젯 위치 등 세부 사항을 선택.

(그림 4) 번역기 위젯 위치 선택

 

5) 'UPDATE PREVIEW'를 누르면, 위젯 '미리보기' 가능. 생성한 위젯 코드를 복사해서 티스토리로 이동합니다. ▼

(그림 5) 위젯 코드 복사하기

 

 

2. 티스토리에 번역기 위젯 설치하기

1) 티스토리 '관리'로 이동 → '플러그인'을 선택합니다. ▼

(그림 6) 티스토리 플러그인

 

2) '배너 출력' 플러그인을 찾아서 '적용'을 누릅니다. ▼

(그림 7) 배너 출력 플러그인

 

3) '사이드바'로 이동 ▼

(그림 8) 티스토리 사이드바

 

4) 'HTML 배너 출력'을 사이드바 1,2,3 중 원하는 곳에 배치합니다. ▼

(그림 9) 사이드바에서 HTML 배너 출력 선택

 

5) ①편집을 누르고, ②GTranslate에서 생성한 위젯 코드를 HTML 소스에 입력하고 확인을 누르면 끝. ▼

(그림 10) HTML 소스에 위젯 코드 입력

 

 

지구본 사진