블로그+IT노하우

블로그에 다국어 번역 기능 추가하기 (Gtranslate 위젯 사용법)

살찐용 2025. 5. 3. 23:22

무료로 사용할 수 있는 **Gtranslate.io**의 위젯을 활용하면 티스토리 블로그에서도 간편하게 다국어 번역 기능을 구현할 수 있어요.

1단계: Gtranslate.io 사이트 접속

  1. 아래 링크를 클릭해 접속하세요  https://gtranslate.io
  2. 화면 중앙의 초록색 [GO GLOBAL] 버튼을 클릭합니다.

 

 2단계: 무료 위젯 코드 받기

  1. 상단 탭에서 **[FREE]**를 클릭합니다.
  2. 페이지 아래로 내리면 위젯 형태를 고를 수 있어요.
  3. [Other HTML] 항목을 선택하고, 원하는 스타일을 클릭하세요.
    (예: 플래그 포함된 드롭다운, 텍스트만 표시 등)

 선택한 스타일에 따라 아래와 같은 HTML 코드가 생성됩니다.

 

 

 3단계: 위젯 설정 및 적용

입력 항목에 맞게 언어 및 위젯 형식을 선택하면, 위젯 코드가 자동으로 생성됩니다.
생성된 위젯 코드를 티스토리 메인 스킨에 적용하면 됩니다.

입력에 맞게 나라나 형식을 정하시면 위젯이 만들어 집니다. 만들어진 위젯을 메인 스킨에 적용.

 

 4단계: 티스토리에 위젯 코드 삽입

  1. 티스토리 [스킨 편집] 기능으로 이동합니다.
  2. 우측 상단의 [HTML 편집] 버튼을 클릭하면 HTML 코드 편집 화면이 열립니다.
  3. <body> 태그 안쪽에 복사한 위젯 코드를 붙여넣습니다.

 적용 후 저장하고 블로그를 새로고침하면, 좌측 상단 또는 지정한 위치에 번역 위젯이 표시됩니다.

티스토리의 스킨편집기능에서 HTML 버튼을 클릭혀면 HTML코드가 출력됩니다. 파란색 블럭이 추가한 부분입니다.
최종설정화면

참고: 모바일 환경에서는?

현재 기준으로 모바일에서는 위젯 삽입이 제한적입니다.
티스토리 모바일 스킨은 HTML 편집이 막혀 있기 때문에, 직접적으로 코드 삽입이 어렵습니다.
향후 기능 개선이 있기를 기대하며, PC 버전에 우선 적용해보시길 추천드립니다.


마무리 인사

즐거운 인터넷 공간 되시길 바랍니다~ 
감사합니다.