티스토리 블로그 구글 번역기능 설치해서 사용하는 방법

티스토리 블로그 구글 번역기능 설치해서 사용하는 방법

 

환경: Internet Explorer 11

 

자신의 블로그나 웹 사이트에 구글 번역기를 달아서 한국인이 아닌 외국인들을 위한 번역 서비스를 제공해 보세요. 구글 애널리틱스를 통해서 외국인 방문이 많다고 판단된다면 번역기를 달아 주는 것은 방문자에 대한 배려입니다. 저 같은 경우 프로그램 관련 내용이 많아서 달아 주긴 했는데 노출 자체가 적어 큰 효과는 보지 못하고 있습니다.

 

▼ 먼저 구글 계정으로 로그인 한 후 아래 사이트로 접속합니다. 번역기 홈 페이지에 접속해서 [웹 사이트에 지금 추가] 버튼을 누릅니다.

http://translate.google.com/manager/website/

 

▼ 첫 번째 단계는 번역기를 설치할 곳에 사이트 주소를 입력하는 것입니다. 그리고 웹 사이트 언어를 지정해 줍니다. 당연히 한국어겠죠. 

 

▼ 두 번째 단계는 웹 사이트에 표시될 번역기 툴의 모양을 결정합니다. 표시 모드를 [인라인]과 [드롭다운만] 으로 선택하고 아래로 내려가 [코드 받기] 버튼을 클릭합니다. 개인 적으로 제일 깔끔한 디자인 같더군요. 

 

▼ 세 번째 단계에서는 사이트에 추가할 코드를 알려 줍니다. 이 코드를 웹 사이트에 붙여 넣으면 번역기 컨트롤이 생성되는 것입니다. 코드를 복사한 후 티스토리 관리자 페이지로 이동합니다. 

 

▼ 티스토리 관리자 페이지로 접속한 후 왼쪽 메뉴 목록에서 [사이드바]를 클릭합니다. 만약 컨텐츠가 있는 본문에 추가하시려면 HTML/CSS 편집으로 가야겠죠. 

 

▼ 사이드바 추가 페이지에서 [HTML 배너출력] 을 오른쪽에 있는 사이드바 목록으로 옮깁니다. 그리고 복사해 온 HTML 스크립트를 붙여 넣기 위해 [편집] 버튼을 클릭합니다. 

 

▼ HTML 배너출력 팝업창에서 HTML 소스란에 복사해 온 스크립트를 붙여 넣습니다. 그리고 사이드바에 표시될 항목이 무엇인지 이름을 적어 줍니다. 

 

▼ 배너 추가가 완료되었다면 저장 버튼을 눌러 사이트에 적용합니다. 이제 제대로 적용되었는지 확인해 봐야겠죠. 블로그 사이드바로 가서 설치한 구글 번역기 박스를 클릭합니다. 그림처럼 선택 가능한 언어들이 뜨게 되는데 제대로 번역이 되는지 알아보기 위해서 “영어”를 선택합니다. 

 

▼ 웹 페이지에 있던 모든 한글이 영어로 번역이 되었네요. 이상으로 티스토리 블로그에 구글 번역기를 설치해서 웹 페이지 내용을 다른 언어로 번역해 보았습니다.