티스토리 블로그에 구글 웹사이트 번역기 달기

블로그를 처음 시작하면서 구글 웹사이트 번역기를 블로그에 달고 있었는데요.


그동안 스킨을 서너번 교체하는 과정에서 구글 번역기를 잊고 있다가 오늘 구글 애널리틱스에서 분석을 하다 국가별 방문자 통계치를 보니 블로그에 구글 번역기를 다시 넣어야 겠다는 생각에 포스팅합니다.


아래는 제 블로그 국가별 통계치인데요.

우리나라를 제외한 다른 나라에서도 방문자가 유입되는데, 물론 대부분 교민분들이라 생각되지만 단1명의 외국인을 위해서라도 요즘 한층 성능이 좋아진 구글 번역기를 달기로 했습니다.

티스토리블로그에구글웹사이트번역기_달기_1


구글 웹사이트 번역기 바로가기 


먼저 100개 이상의 언어를 번역할 수 있다는 웹사이트 번역기로 들어가 웹사이트에 지금 추가 버튼을 누르고 다음 단계로 넘어 갑니다.

티스토리블로그에구글웹사이트번역기_달기_2


넘어간 단계에서 웹사이트 URL 입력란에 블로그 주소를 입력하고, 웹사이트 언어는 한국어로 선택한 후 다음 버튼을 누릅니다.

티스토리블로그에구글웹사이트번역기_달기_3


플러그인 설정에서 저는 아래 샷과 같이 기본으로 제공되는 옵션을 선택하고 코드 받기 버튼을 눌렀는데요.

정답은 아니구요. 표시 모드는 입맛에 맞는 모드를 선택하면 미리보기로 보여 주는데, 취향에 맞는 모드로 선택하면 됩니다.

티스토리블로그에구글웹사이트번역기_달기_4


마지막 플러그인 추가에서 생성된 코드를 드래그 복사해서 블로그로 가져 갑니다.

티스토리블로그에구글웹사이트번역기_달기_5


블로그 관리 페이지로 와서 블로그 본문과 사이드바에 코드를 넣고 구글 웹사이트 번역기를 위치시킬 수 있는데요.

본문에 위치시키려면 HTML/CSS 편집으로 들어가 <head>와</head>사이에 넣어 주면 되구요.

다음에 찾기 쉽도록 <!-- 구글 웹사이트 번역기 start -->구글 웹사이트 번역기 코드<!-- 구글 웹사이트 번역기 end --> 이런식으로 주석 처리해 주는 게 좋습니다.

티스토리블로그에구글웹사이트번역기_달기_6


제 블로그 스킨은 반응형이지만 번역기를 사이드바에 넣을 건데요.

사이드바에 넣었을 때 단점은 모바일로 접속 시 사이드바가 페이지 하단으로 밀린다는 점인데, 뭐 그냥 PC 사용자를 위해 넣으도록 하겠습니다.

사이드바로 들어가 기본 모듈의 HTML 배너 출력 모듈 + 버튼을 누르거나, 드래그 & 드롭으로 사이드바 메뉴 적당한 곳에 위치시킵니다.

티스토리블로그에구글웹사이트번역기_달기_7


사이드바에 위치시킨 HTML 배너출력의 편집 버튼을 누르고...

          티스토리블로그에구글웹사이트번역기_달기_8


오버레이로 열린 대화상자에 이름을 입력하고 가져온 코드를 HTML 소스 입력란에 붙여넣은 후, 사용자 모듈에 저장 체크하고 확인 버튼을 누릅니다.

티스토리블로그에구글웹사이트번역기_달기_9


적용이 잘되었는지 미리보기 버튼을 눌러 적용 여부를 확인하고 마음에 들면 저장 버튼을 누릅니다.

티스토리블로그에구글웹사이트번역기_달기_10


이제 확인 사살을 할 차례입니다.

블로그 글목록으로 와서 글 하나를 선택하고 페이지를 열어 사이드바에 위치시킨 번역기 언어 선택 콤보 버튼을 눌러 번역을 시도해 봅니다.

저는 블로그 페이지를 영어로 선택해 보았는데요.

티스토리블로그에구글웹사이트번역기_달기_11


글 제목이 이미지 한장으로 배경음악이 있는 영상 화면 만들기 였구요.

티스토리블로그에구글웹사이트번역기_달기_12


영어로의 번역은 Creating a single image screen video with background music 으로 번역되었습니다.

티스토리블로그에구글웹사이트번역기_달기_13


이걸 다시 구글 번역기로 돌려 보니 배경 음악이있는 단일 이미지 스크린 비디오 만들기 로 번역되었네요.

이번에 업그레이드된 구글 번역 기능 한층 자연스러워졌지요?

구글 웹사이트 번역기를 블로그에 달면 혹여 방문하는 한국어를 모르는 외국인에게 많은 도움이 될 겁니다. 

티스토리블로그에구글웹사이트번역기_달기_14


이 글이 블로그를 처음 시작하는 분께 도움이 되길 바라며 여기서 마칩니다.

댓글

Designed by JB FACTORY