구글 번역사이트 접속하여 코드 발행하기

구글 번역 웹사이트

먼저 구글 번역웹사이트에 접속을 합니다.
접속 후 웹사이트에 지금추가 버튼을 실행시킵니다.

웹사이트 정보 입력

1. 먼저 웹사이트 URL을 입력합니다. 이것이 무슨 의미인지 모르지만 다른 URL을 입력해도 실행은 되더라구요.
2. 블로그가 작성된 원본언어에 대한 설정입니다. 우리는 한국사람이니 한국어로 설정하면 됩니다.
3. 다음을 클릭하여 다음단계로 넘어갑니다.

플러그인 설정 정보 입력

1. 번역되는 언어의 종류를 선택합니다. 간단하게 영어, 일어, 중국어 등을 선택해도 되고 모든 언어를 선택해도 됩니다.
2. 표시모드는 해당 번역단추가 어떤 형태로 나올 것인지에 대한 설정입니다. 저는 드롭다운을 설정 후 CSS로 모양을 조금 바꾸어서 사용하고 있습니다.
3. 고급설정은 잘 모르겠으면 그냥 기본으로 놓으셔도 크게 문제는 없습니다.
4. 코드받기를 선택하여 다음 단계로 넘어 갑니다.

플러그인 추가 코드 획득

이제 모두 왼료 되었습니다. 완료가 되면 아래와 같이 html과 javascript 코드가 생성됩니다.
코드는 기본적으로 위와 같이 생성 됩니다.

1. 해당 html 태그가 나오는 곳에 실제 번역 버튼이 나오게 됩니다.
2. 객체를 생성하는 코드입니다. head에 넣튼 footer에 넣튼 상관없습니다. 아니면 그냥 위의 div태그 아래에 같이 붙혀놔도 됩니다.
3. google에서 제공하는 번역기능이 있는 javascript 링크 입니다.

이 코드를 복사해서 내 블로그의 원하는 위치에 붙혀넣기 하면 됩니다.

코드를 블로그에 붙혀넣기

제가 티스토리를 사용하고 있기 때문에 티스토리(tistory)를 기준으로 설명하겠습니다.

티스토리 스킨편집

티스토리의 관리자 화면에 접속해서 스킨편집 화면으로 이동을 합니다.

1. 저는 상단 메뉴영역에 버튼을 놓았습니다.
2. html을 붙혀넣기 위해서 화면 오른쪽에 있는 html편집버튼을 선택합니다.

위에서 획득한 구글번역 코드를 html코드에 입력합니다. 저는

사이에 입력을 했습니다.

저는 모든언어를 번역하도록 선택해서 이렇게 많이 나오지만 몇개만 선택을 하면 간단한 화면이 나옵니다.

출처 :

https://ux.stories.pe.kr/104