티스토리 블로그에 구글 번역기(google translation) 달기

블로그를 업데이트 해보려고 여러 가지를 생각해보다가..

이번에는 구글 번역기를 블로그에 달아보기로 했습니다.

번역 관련해서 문서를 정리해야 할 일이 있었는데, 저 같은 경우에는

구글 번역기를 자주 이용하고 있습니다.

그래서 혹시나 블로그에 구글 번역기를 달아놓을 수 있을까 해서,

구글링을 시작해봤습니다.

역시나, 갓구글은 이러한 기능을 제공하더군요..

그래서 바로 블로그에 적용하게 되었습니다. 생각보다 간단해서 놀랄 정도였습니다.

먼저, 구글 번역기를 달기 위한 코드는 공통 코드는 아니였습니다.

다시 말해서, 사이트마다 약간씩 다를 수 있다는 말입니다. (아무래도 구글에서 통계같은 부분에 사용하려는 것 같네요.)

그럼, 본격적으로 구글 번역기를 달기 위한 설명을 시작하겠습니다.

1. 사이트에 맞는 구글 번역기 코드 생성하기.

먼저, 아래 링크를 눌러주세요. 그러면, 구글 관련 사이트가 새창으로 열립니다.

구글 번역기 코드 생성하기

아래 이미지와 같은 창이 열릴텐데, 웹사이트에 지금 추가 버튼을 눌러주세요.

그러면, 아래와 같은 화면으로 이동합니다. 여기서 웹사이트 URL을 입력하라고 하는데요.

웹사이트 URL은 운영하시는 블로그 메인화면에 주소를 입력하시면 되겠습니다.

예를 들어서 필자의 경우에는 "http://blankspace-dev.tistory.com" 가 되겠죠?
그리고, 웹사이트 언어 같은 경우는 한글로 설정해주세요.

이후, 다음 버튼을 과감하게 누릅니다!

다음 버튼을 누르셨으면, 아래와 같은 화면이 나옵니다. 여기서는 표시 모드를 선택해야 합니다.

표시 모드는 여러 가지 블로그에 나타낼 수 있는 디자인들을 선택할 수 있는 모드이구요.

필자의 경우에는 "드롭다운만" 으로 선택하였습니다.

이게 제일 깔끔해보이고, 아래에서 보시겠지만 모든 언어를 한눈에 펼쳐서 보여주거든요.

선택하셨으면, 코드 받기 버튼을 눌러주세요.

이제, 코드 생성을 끝마치셨습니다. 굉장히 간단한 것 아니냐구요?

아직, 블로그에는 적용하지 않았으니, 끝난 것은 아닙니다.

물론, 나머지도 금방 하실 수 있을 거에요.

아래와 같은 화면에서 중간에 있는 창에 html 코드가 있을 겁니다. 이것을 복사해주세요.

2. 블로그에 구글 번역기 적용하기.

이제, 블로그에 구글 번역기를 적용하겠습니다.

블로그 설정에서 꾸미기 > 사이드바를 누릅니다.

아래와 같은 기본 모듈이 나올텐데요.

여기서 HTML 배너출력을 추가합니다. 그러면 오른쪽 사이드바1에 추가되는 것을 확인하실 수 있을거에요.

추가된 탭에 편집을 눌러주세요.

편집을 누르셨으면, 아래와 같이 새창이 나옵니다.

여기서 이름과 아까 복사했던 코드를 HTML 소스에 붙여넣습니다.

이후, 확인을 누르시고, 변경사항 저장을 눌러주시면 모든 것이 끝납니다.

굉장히 간단하지 않으신가요?

그럼, 블로그에는 어떻게 반영되었는 지 확인해볼까요.

아래와 같이 오른쪽 사이드바에 구글 번역기가 추가된 것을 확인하실 수 있습니다.

저는 "드롭다운만"을 선택했는데, 이것을 눌러보면 보시는 것처럼 모든 언어를 한번에 볼 수 있게 됩니다.

이상으로, 티스토리 블로그에 구글 번역기를 달아봤습니다.

많은 블로거분들에게 도움이 되었으면 좋겠네요. 궁금하신 점이 있으시면 댓글 남겨주세요.

서로 이웃 추가는 항상 환영입니다. :)